質問編集履歴
5
追記
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
【JavaScript】formの値を、jsonに変換して、postしたい。そして、
|
|
1
|
+
【JavaScript】formの値を、jsonに変換して、postしたい。そして、action先に遷移したい。
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
##やりたい事
|
|
2
2
|
formの値を、jsonに変換して、postしたい。
|
|
3
|
-
そして、
|
|
3
|
+
そして、action先に遷移したい。
|
|
4
4
|
|
|
5
5
|
ちなみに、
|
|
6
6
|
「出来るだけフロント側で対応してほしい。(他のデータは送らずJSONだけ送ってほしい)」
|
|
@@ -9,6 +9,12 @@
|
|
|
9
9
|
(2016/11/22 追記)
|
|
10
10
|
postするのは$.ajax()でなく、$.post()でもOKです。
|
|
11
11
|
|
|
12
|
+
(2016/11/22 追記)
|
|
13
|
+
調べたら、
|
|
14
|
+
submit：画面は遷移するが、JSONは送れない？
|
|
15
|
+
$.ajax/$.post：画面は遷移しないが、JSONは送れる？
|
|
16
|
+
やりたい事は「画面は遷移したい。JSONも送りたい。」なので、どうすれば...???
|
|
17
|
+
|
|
12
18
|
##やった事
|
|
13
19
|
```
|
|
14
20
|
<!----- 前略 ----->
|
4
追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -6,6 +6,9 @@
|
|
|
6
6
|
「出来るだけフロント側で対応してほしい。(他のデータは送らずJSONだけ送ってほしい)」
|
|
7
7
|
と言われているため、JSON以外のformデータも全て送ってサーバ側で処理...というのはNGです。
|
|
8
8
|
|
|
9
|
+
(2016/11/22 追記)
|
|
10
|
+
postするのは$.ajax()でなく、$.post()でもOKです。
|
|
11
|
+
|
|
9
12
|
##やった事
|
|
10
13
|
```
|
|
11
14
|
<!----- 前略 ----->
|
3
post⇒ajax
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,12 +20,14 @@
|
|
|
20
20
|
var data = $('form').serializeArray();
|
|
21
21
|
|
|
22
22
|
// jQueryを使ってpost
|
|
23
|
-
$.
|
|
23
|
+
$.ajax({
|
|
24
|
+
type: $('form').attr('method'),
|
|
24
|
-
$('form').attr('action'),
|
|
25
|
+
url: $('form').attr('action'),
|
|
26
|
+
dataType: 'json',
|
|
27
|
+
contentType: 'application/json',
|
|
28
|
+
scriptCharset: 'utf-8',
|
|
25
|
-
JSON.stringify(data)
|
|
29
|
+
data: JSON.stringify(data)
|
|
26
|
-
function(result) { /* do nothing */ },
|
|
27
|
-
"json"
|
|
28
|
-
);
|
|
30
|
+
});
|
|
29
31
|
|
|
30
32
|
// 本来のsubmitイベントはしない
|
|
31
33
|
return false;
|
2
やりたい事に追記
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -2,6 +2,9 @@
|
|
|
2
2
|
formの値を、jsonに変換して、postしたい。
|
|
3
3
|
そして、post先に遷移したい。
|
|
4
4
|
|
|
5
|
+
ちなみに、
|
|
6
|
+
「出来るだけフロント側で対応してほしい。(他のデータは送らずJSONだけ送ってほしい)」
|
|
7
|
+
と言われているため、JSON以外のformデータも全て送ってサーバ側で処理...というのはNGです。
|
|
5
8
|
|
|
6
9
|
##やった事
|
|
7
10
|
```
|
1
一部修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
$.post(
|
|
21
21
|
$('form').attr('action'),
|
|
22
22
|
JSON.stringify(data),
|
|
23
|
-
function(result) {
|
|
23
|
+
function(result) { /* do nothing */ },
|
|
24
24
|
"json"
|
|
25
25
|
);
|
|
26
26
|
|