teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

調整

2018/08/01 03:31

投稿

yambejp
yambejp

スコア117914

answer CHANGED
@@ -1,1 +1,32 @@
1
- $.ajaxでdataを指定してないからでしょう
1
+ $.ajaxでdataを指定してないからでしょう
2
+
3
+ # sample
4
+ postが前提であればデータ渡しはformdataがよいでしょう
5
+ ```javascript
6
+ <script>
7
+ $(function () {
8
+ $('#form').on('submit',function(e){
9
+ var fd = new FormData($('#form').get(0));
10
+ e.preventDefault();
11
+ $.ajax({
12
+ "url": 'ajax.php',
13
+ "type": "POST",
14
+ "dataType": "html",
15
+ "data":fd,
16
+ "cache":false,
17
+ "processData": false,
18
+ "contentType": false,
19
+ }).done(function(data){
20
+ console.log(data);
21
+ });
22
+ });
23
+ });
24
+ </script>
25
+
26
+ <form id="form" name="search" action="" method="POST">
27
+ <input type="radio" id="color01" name="color" value="red" checked><label for="color01">赤</label>
28
+ <input type="radio" id="color02" name="color" value="blue"><label for="color02">青</label>
29
+ <button class="submit" value="検索">検索</button>
30
+ </form>
31
+ ```
32
+ 一応サブミットしたときにバックグラウンドで処理してあります