質問編集履歴

1

ファイルを3つに分けたので、現状のソースを載せました。

2017/03/23 00:01

投稿

chibi
chibi

スコア20

test CHANGED
File without changes
test CHANGED
@@ -4,9 +4,9 @@
4
4
 
5
5
  どうすればjavascriptファイルの変数の値がPHPファイルで取得できるようになるでしょうか?
6
6
 
7
+ ```PHP
7
8
 
8
-
9
- ```index.php
9
+ index.php
10
10
 
11
11
  <!DOCTYPE html>
12
12
 
@@ -22,13 +22,11 @@
22
22
 
23
23
  <meta name="apple-mobile-web-app-capable" content="yes" />
24
24
 
25
- <title>仮のタイトル</title>
25
+ <title>仮のタイトル</title>
26
+
27
+ <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
26
28
 
27
29
 
28
-
29
- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
30
-
31
- <script src="http://code.jquery.com/jquery.js"></script>
32
30
 
33
31
  <script type="text/javascript" src="main.js"></script>
34
32
 
@@ -44,39 +42,19 @@
44
42
 
45
43
  </style>
46
44
 
45
+
47
46
 
47
+ <?php
48
48
 
49
- <?php
49
+ require("ajax.php");
50
50
 
51
- //ajax送信でPOSTされたデータを受け取る
51
+ ?>
52
52
 
53
- echo $post_data_1 = $_POST['post_data_1'];
53
+
54
-
55
- echo $post_data_2 = $_POST['post_data_2'];
56
-
57
- //受け取ったデータを配列に格納
58
-
59
- $return_array = array($post_data_1, $post_data_2);
60
-
61
- //ヘッダーの設定
62
-
63
- header('Content-type:application/json; charset=utf8');
64
-
65
- //「$return_array」をjson_encodeして出力
66
-
67
- echo json_encode($return_array);
68
-
69
-
70
-
71
- ?>
72
-
73
-
74
54
 
75
55
  </head>
76
56
 
77
57
  <body>
78
-
79
-
80
58
 
81
59
  </body>
82
60
 
@@ -84,9 +62,9 @@
84
62
 
85
63
  ```
86
64
 
65
+ ```JavaScript
87
66
 
88
-
89
- ```main.js
67
+ main.js
90
68
 
91
69
  jQuery(function($){
92
70
 
@@ -94,9 +72,11 @@
94
72
 
95
73
  $.ajax({
96
74
 
97
- url : "index.php",
75
+ url : "ajax.php",
98
76
 
99
77
  type : "POST",
78
+
79
+ dataType:"json",
100
80
 
101
81
  data : {post_data_1:"hoge", post_data_2:"piyo"},
102
82
 
@@ -121,3 +101,27 @@
121
101
  });
122
102
 
123
103
  ```
104
+
105
+ ```PHP
106
+
107
+ ajax.php
108
+
109
+ <?php
110
+
111
+ //ajax送信でPOSTされたデータを受け取る
112
+
113
+ $post_data_1 = $_POST['post_data_1'];
114
+
115
+ $post_data_2 = $_POST['post_data_2'];
116
+
117
+ //受け取ったデータを配列に格納
118
+
119
+ $return_array = array($post_data_1, $post_data_2);
120
+
121
+ //「$return_array」をjson_encodeして出力
122
+
123
+ echo json_encode($return_array);
124
+
125
+ ?>
126
+
127
+ ```