teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問[2015/12/01現在まだ解決していません]ajaxで値をphpに送りたいが、受け取れない。

編集履歴

質問編集履歴

7

分かりやすく

2015/12/01 09:32

投稿

退会済みユーザー
test CHANGED
@@ -1 +1 @@
1
- ajaxで値をphpに送りたいが、受け取れない。
1
+ [2015/12/01現在まだ解決していません]ajaxで値をphpに送りたいが、受け取れない。
test CHANGED
File without changes

6

進展報告

2015/12/01 09:32

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -122,6 +122,22 @@
122
122
 
123
123
 
124
124
 
125
+ ---さらに追記---
126
+
127
+ success内のアラートをalert(data)にしたところ、post.phpのhtmlコードが全部アラートで表示されました。
128
+
129
+ そしてその中には、
130
+
131
+ 画像のような部分がありました。
132
+
133
+ どういうことなのでしょうか？
134
+
135
+
136
+
137
+ ![イメージ説明](fa5fc43b80c6ed2748ffc52baf83d637.png)
138
+
139
+
140
+
125
141
  ```jQuery
126
142
 
127
143
  $(function(){

5

現在のソースコード追加

2015/12/01 09:16

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -119,3 +119,97 @@
119
119
  onlode内に入れたら、successの処理は反応しました。
120
120
 
121
121
  しかし、値を受け取れていません。
122
+
123
+
124
+
125
+ ```jQuery
126
+
127
+ $(function(){
128
+
129
+ //alert("onlode");
130
+
131
+ $("#val1").click(function(){
132
+
133
+ //alert("aaa");
134
+
135
+
136
+
137
+ $.ajax({
138
+
139
+ type: "POST",
140
+
141
+ url: "http://localhost:1024/test/Ajax/post.php",
142
+
143
+ data: { 'val' : 'a'},
144
+
145
+ success: function(data) {
146
+
147
+ alert("bbb");
148
+
149
+ }
150
+
151
+ });
152
+
153
+ });
154
+
155
+ });
156
+
157
+ ```
158
+
159
+
160
+
161
+ ```php
162
+
163
+ <?php
164
+
165
+ if(isset($_POST['val'])){
166
+
167
+ $val = $_POST['val'];
168
+
169
+ print $val;
170
+
171
+ }else{
172
+
173
+ print "失敗";
174
+
175
+ }
176
+
177
+ ?>
178
+
179
+ <!DOCTYPE html>
180
+
181
+ <html lang="ja">
182
+
183
+ <head>
184
+
185
+ <meta charset="utf-8">
186
+
187
+ <link rel="stylesheet" type="text/css" href="css/common.css" />
188
+
189
+ <script type="text/javascript" src="js/jquery-1.11.2.min.js"></script>
190
+
191
+ <script type="text/javascript" src="js/main.js"></script>
192
+
193
+ <title></title>
194
+
195
+ </head>
196
+
197
+ <body>
198
+
199
+
200
+
201
+ <form action="" method="post">
202
+
203
+ <input type="radio" name="val1" id="val1" value="hoge1">hoge1
204
+
205
+ <!--<input type="radio" name="val1" id="val2" value="hoge2" onClick="val2">hoge2-->
206
+
207
+ </form>
208
+
209
+ </body>
210
+
211
+ </html>
212
+
213
+
214
+
215
+ ```

4

onlode内に入れてみた

2015/12/01 08:57

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -113,3 +113,9 @@
113
113
  クリックイベント内にアラートを記述してみましたが、反応しませんでした。
114
114
 
115
115
  ラジオボタンを、普通のボタンにしても反応しませんでした。
116
+
117
+
118
+
119
+ onlode内に入れたら、successの処理は反応しました。
120
+
121
+ しかし、値を受け取れていません。

3

追記続き

2015/12/01 08:54

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -111,3 +111,5 @@
111
111
  追記です。
112
112
 
113
113
  クリックイベント内にアラートを記述してみましたが、反応しませんでした。
114
+
115
+ ラジオボタンを、普通のボタンにしても反応しませんでした。

2

試した結果の記述

2015/12/01 08:49

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -105,3 +105,9 @@
105
105
 
106
106
 
107
107
  反応しない理由は何なのでしょうか？
108
+
109
+
110
+
111
+ 追記です。
112
+
113
+ クリックイベント内にアラートを記述してみましたが、反応しませんでした。

1

actionを修正。onclicjの削除。

2015/12/01 08:43

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -38,9 +38,9 @@
38
38
 
39
39
 
40
40
 
41
- <form action="#" method="post">
41
+ <form action="cacth.php" method="post">
42
42
 
43
- <input type="radio" name="val1" id="val1" value="hoge1" onClick="val1">hoge1
43
+ <input type="radio" name="val1" id="val1" value="hoge1">hoge1
44
44
 
45
45
  <!--<input type="radio" name="val1" id="val2" value="hoge2" onClick="val2">hoge2-->
46
46