回答編集履歴

2

sample

2018/02/14 02:46

投稿

yambejp
yambejp

スコア114845

test CHANGED
@@ -13,3 +13,87 @@
13
13
  もしくは、更新ボタンの制御を横取りして、送信せずに単にajaxで送信するように
14
14
 
15
15
  すれば手で入力した値を常にajaxで送るような運用も可能でしょう
16
+
17
+
18
+
19
+ # sample
20
+
21
+
22
+
23
+ ```javascript
24
+
25
+ $(function(){
26
+
27
+ $('form').on('submit',function(e){
28
+
29
+ e.preventDefault();
30
+
31
+ var fd=new FormData();
32
+
33
+ $('form').each(function(){
34
+
35
+ fd.append("id[]",$(this).find('[name=id]').val());
36
+
37
+ fd.append("name[]",$(this).find('[name=name]').val());
38
+
39
+ });
40
+
41
+ $.ajax({
42
+
43
+ "url":"send.php",
44
+
45
+ "type":"post",
46
+
47
+ "data":fd,
48
+
49
+ "cache":false,
50
+
51
+ "processData": false,
52
+
53
+ "contentType": false,
54
+
55
+ }).done(function(data){
56
+
57
+ console.log(data);
58
+
59
+ });
60
+
61
+ }).eq(0).trigger('submit');
62
+
63
+ });
64
+
65
+ ```
66
+
67
+ ```HTML
68
+
69
+ <form method="post">
70
+
71
+ <p><input name="id" value="1"></p>
72
+
73
+ <p><input name="name" value="a"></p>
74
+
75
+ <p><button type="submit" id="send" value="送信" >更新</button></p>
76
+
77
+ </form>
78
+
79
+ <form method="post">
80
+
81
+ <p><input name="id" value="2"></p>
82
+
83
+ <p><input name="name" value="b"></p>
84
+
85
+ <p><button type="submit" id="send" value="送信" >更新</button></p>
86
+
87
+ </form>
88
+
89
+ <form method="post">
90
+
91
+ <p><input name="id" value="3"></p>
92
+
93
+ <p><input name="name" value="c"></p>
94
+
95
+ <p><button type="submit" id="send" value="送信" >更新</button></p>
96
+
97
+ </form>
98
+
99
+ ```

1

追記

2018/02/14 02:46

投稿

yambejp
yambejp

スコア114845

test CHANGED
@@ -7,3 +7,9 @@
7
7
  当然元の数字になります。
8
8
 
9
9
  元のページがPHPであればvalueの値をセッションから渡すなどしてください
10
+
11
+
12
+
13
+ もしくは、更新ボタンの制御を横取りして、送信せずに単にajaxで送信するように
14
+
15
+ すれば手で入力した値を常にajaxで送るような運用も可能でしょう