質問編集履歴

5

追記

2016/11/22 05:47

投稿

hnkyi
hnkyi

スコア14

test CHANGED
@@ -1 +1 @@
1
- 【JavaScript】formの値を、jsonに変換して、postしたい。そして、post先に遷移したい。
1
+ 【JavaScript】formの値を、jsonに変換して、postしたい。そして、action先に遷移したい。
test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  formの値を、jsonに変換して、postしたい。
4
4
 
5
- そして、post先に遷移したい。
5
+ そして、action先に遷移したい。
6
6
 
7
7
 
8
8
 
@@ -17,6 +17,18 @@
17
17
  (2016/11/22 追記)
18
18
 
19
19
  postするのは$.ajax()でなく、$.post()でもOKです。
20
+
21
+
22
+
23
+ (2016/11/22 追記)
24
+
25
+ 調べたら、
26
+
27
+ submit:画面は遷移するが、JSONは送れない?
28
+
29
+ $.ajax/$.post:画面は遷移しないが、JSONは送れる?
30
+
31
+ やりたい事は「画面は遷移したい。JSONも送りたい。」なので、どうすれば...???
20
32
 
21
33
 
22
34
 

4

追記

2016/11/22 05:47

投稿

hnkyi
hnkyi

スコア14

test CHANGED
File without changes
test CHANGED
@@ -11,6 +11,12 @@
11
11
  「出来るだけフロント側で対応してほしい。(他のデータは送らずJSONだけ送ってほしい)」
12
12
 
13
13
  と言われているため、JSON以外のformデータも全て送ってサーバ側で処理...というのはNGです。
14
+
15
+
16
+
17
+ (2016/11/22 追記)
18
+
19
+ postするのは$.ajax()でなく、$.post()でもOKです。
14
20
 
15
21
 
16
22
 

3

post⇒ajax

2016/11/22 03:55

投稿

hnkyi
hnkyi

スコア14

test CHANGED
File without changes
test CHANGED
@@ -42,17 +42,21 @@
42
42
 
43
43
  // jQueryを使ってpost
44
44
 
45
- $.post(
45
+ $.ajax({
46
46
 
47
- $('form').attr('action'),
47
+ type: $('form').attr('method'),
48
48
 
49
- JSON.stringify(data),
49
+ url: $('form').attr('action'),
50
50
 
51
- function(result) { /* do nothing */ },
51
+ dataType: 'json',
52
52
 
53
- "json"
53
+ contentType: 'application/json',
54
54
 
55
+ scriptCharset: 'utf-8',
56
+
57
+ data: JSON.stringify(data)
58
+
55
- );
59
+ });
56
60
 
57
61
 
58
62
 

2

やりたい事に追記

2016/11/22 03:18

投稿

hnkyi
hnkyi

スコア14

test CHANGED
File without changes
test CHANGED
@@ -5,6 +5,12 @@
5
5
  そして、post先に遷移したい。
6
6
 
7
7
 
8
+
9
+ ちなみに、
10
+
11
+ 「出来るだけフロント側で対応してほしい。(他のデータは送らずJSONだけ送ってほしい)」
12
+
13
+ と言われているため、JSON以外のformデータも全て送ってサーバ側で処理...というのはNGです。
8
14
 
9
15
 
10
16
 

1

一部修正

2016/11/22 03:16

投稿

hnkyi
hnkyi

スコア14

test CHANGED
File without changes
test CHANGED
@@ -42,7 +42,7 @@
42
42
 
43
43
  JSON.stringify(data),
44
44
 
45
- function(result) { alert(result) },
45
+ function(result) { /* do nothing */ },
46
46
 
47
47
  "json"
48
48