回答編集履歴
4
修正
answer
CHANGED
|
@@ -18,7 +18,11 @@
|
|
|
18
18
|
回答を一部修正
|
|
19
19
|
--------------
|
|
20
20
|
～.get(0)でform内容は取得可能です。
|
|
21
|
-
console.logでformdata
|
|
21
|
+
console.logでformdataを確認するためには以下のように書く必要があります。
|
|
22
|
+
```
|
|
23
|
+
console.log(fd.get('body'));
|
|
24
|
+
```
|
|
25
|
+
※詳しくは下記記事のコメントへ。
|
|
22
26
|
- [javascriptのFormDataは、ajaxで飛ばすまで中身を見ることができないっぽい。](https://qiita.com/Kohei_Kishimoto0214/items/5ac3ca643da8d636ce40)
|
|
23
27
|
|
|
24
28
|
入力コントロールの情報取得はコメントに書いたとおりです。
|
3
回答に誤った情報を記載してしまったため、取り消し線を入れて後ろにコメントした部分を追記しました。
answer
CHANGED
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
# 回答に誤った情報を記載してしまったため、取り消し線を入れて後ろにコメントした部分を追記しました。
|
|
2
|
+
|
|
1
3
|
ざっと見た感じでしかないので外してたら申し訳ないのですが、
|
|
2
4
|
> var fd = new FormData($('#cv_form').get(0));
|
|
3
5
|
|
|
4
|
-
これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
|
|
6
|
+
~~これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
|
|
5
|
-
hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。
|
|
7
|
+
hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。~~
|
|
6
8
|
- [FormData - Web API インターフェイス](https://developer.mozilla.org/ja/docs/Web/API/FormData)
|
|
7
9
|
|
|
8
10
|
```javascript
|
|
@@ -11,4 +13,14 @@
|
|
|
11
13
|
|
|
12
14
|
※もっと効率的なやり方はありそうですが、ひとまず。
|
|
13
15
|
下記も参考にしてみてください。
|
|
14
|
-
- [FormData オブジェクトの利用](https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects)
|
|
16
|
+
- [FormData オブジェクトの利用](https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects)
|
|
17
|
+
|
|
18
|
+
回答を一部修正
|
|
19
|
+
--------------
|
|
20
|
+
～.get(0)でform内容は取得可能です。
|
|
21
|
+
console.logでformdata直後に確認できないのはajaxで送信しないと内容が確認できない仕様であるため、です。
|
|
22
|
+
- [javascriptのFormDataは、ajaxで飛ばすまで中身を見ることができないっぽい。](https://qiita.com/Kohei_Kishimoto0214/items/5ac3ca643da8d636ce40)
|
|
23
|
+
|
|
24
|
+
入力コントロールの情報取得はコメントに書いたとおりです。
|
|
25
|
+
idを設定してval()で取得するのが記述が少なくすみます（checkboxやradioなどはつけ方やとり方が違うケースがあるので下記を参考にしてください）
|
|
26
|
+
- [jQuery逆引きリファレンス フォーム要素からの入力値を取得するには？（val）](https://www.buildinsider.net/web/jqueryref/048)
|
2
追記
answer
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
ざっと見た感じでしかないので外してたら申し訳ないのですが、
|
|
2
2
|
> var fd = new FormData($('#cv_form').get(0));
|
|
3
3
|
|
|
4
|
-
これだけだと「#cv_formの一番最初の
|
|
4
|
+
これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
|
|
5
5
|
hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。
|
|
6
6
|
- [FormData - Web API インターフェイス](https://developer.mozilla.org/ja/docs/Web/API/FormData)
|
|
7
7
|
|
1
追記
answer
CHANGED
|
@@ -5,6 +5,10 @@
|
|
|
5
5
|
hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。
|
|
6
6
|
- [FormData - Web API インターフェイス](https://developer.mozilla.org/ja/docs/Web/API/FormData)
|
|
7
7
|
|
|
8
|
+
```javascript
|
|
9
|
+
fd.append("id",$("#id").val()); //hiddenにもidを設定した前提なので書き方はあわせてください
|
|
10
|
+
```
|
|
11
|
+
|
|
8
12
|
※もっと効率的なやり方はありそうですが、ひとまず。
|
|
9
13
|
下記も参考にしてみてください。
|
|
10
14
|
- [FormData オブジェクトの利用](https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects)
|