回答編集履歴

4

修正

2018/01/23 08:27

投稿

m.ts10806
m.ts10806

スコア80765

test CHANGED
@@ -38,7 +38,15 @@
38
38
 
39
39
  ~.get(0)でform内容は取得可能です。
40
40
 
41
- console.logでformdata直後に確認できないはajaxで送信しないと内容確認できない仕様でるため、です。
41
+ console.logでformdata確認するためには以下ように書く必要があります。
42
+
43
+ ```
44
+
45
+ console.log(fd.get('body'));
46
+
47
+ ```
48
+
49
+ ※詳しくは下記記事のコメントへ。
42
50
 
43
51
  - [javascriptのFormDataは、ajaxで飛ばすまで中身を見ることができないっぽい。](https://qiita.com/Kohei_Kishimoto0214/items/5ac3ca643da8d636ce40)
44
52
 

3

回答に誤った情報を記載してしまったため、取り消し線を入れて後ろにコメントした部分を追記しました。

2018/01/23 08:27

投稿

m.ts10806
m.ts10806

スコア80765

test CHANGED
@@ -1,12 +1,16 @@
1
+ # 回答に誤った情報を記載してしまったため、取り消し線を入れて後ろにコメントした部分を追記しました。
2
+
3
+
4
+
1
5
  ざっと見た感じでしかないので外してたら申し訳ないのですが、
2
6
 
3
7
  > var fd = new FormData($('#cv_form').get(0));
4
8
 
5
9
 
6
10
 
7
- これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
11
+ ~~これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
8
12
 
9
- hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。
13
+ hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。~~
10
14
 
11
15
  - [FormData - Web API インターフェイス](https://developer.mozilla.org/ja/docs/Web/API/FormData)
12
16
 
@@ -25,3 +29,23 @@
25
29
  下記も参考にしてみてください。
26
30
 
27
31
  - [FormData オブジェクトの利用](https://developer.mozilla.org/ja/docs/Web/Guide/Using_FormData_Objects)
32
+
33
+
34
+
35
+ 回答を一部修正
36
+
37
+ --------------
38
+
39
+ ~.get(0)でform内容は取得可能です。
40
+
41
+ console.logでformdata直後に確認できないのはajaxで送信しないと内容が確認できない仕様であるため、です。
42
+
43
+ - [javascriptのFormDataは、ajaxで飛ばすまで中身を見ることができないっぽい。](https://qiita.com/Kohei_Kishimoto0214/items/5ac3ca643da8d636ce40)
44
+
45
+
46
+
47
+ 入力コントロールの情報取得はコメントに書いたとおりです。
48
+
49
+ idを設定してval()で取得するのが記述が少なくすみます(checkboxやradioなどはつけ方やとり方が違うケースがあるので下記を参考にしてください)
50
+
51
+ - [jQuery逆引きリファレンス フォーム要素からの入力値を取得するには?(val)](https://www.buildinsider.net/web/jqueryref/048)

2

追記

2018/01/23 08:20

投稿

m.ts10806
m.ts10806

スコア80765

test CHANGED
@@ -4,7 +4,7 @@
4
4
 
5
5
 
6
6
 
7
- これだけだと「#cv_formの一番最初の要素」のみ取得しています。
7
+ これだけだと「#cv_formの一番最初の入力コントロール」のみ取得しています。
8
8
 
9
9
  hiddenに設定しているname="id"も一緒に送りたい場合、.append()で追加してあげる必要があるのではないでしょうか。
10
10
 

1

追記

2018/01/23 06:37

投稿

m.ts10806
m.ts10806

スコア80765

test CHANGED
@@ -12,6 +12,14 @@
12
12
 
13
13
 
14
14
 
15
+ ```javascript
16
+
17
+ fd.append("id",$("#id").val()); //hiddenにもidを設定した前提なので書き方はあわせてください
18
+
19
+ ```
20
+
21
+
22
+
15
23
  ※もっと効率的なやり方はありそうですが、ひとまず。
16
24
 
17
25
  下記も参考にしてみてください。