Q&A
JavaScriptにて配列の要素の中身のデータをphpに送りそのPOSTされてきている値を表示するプログラムを作成しています。
しかし実行してみると「OK」のダイアログは出てきますが、肝心の要素の中身が表示されません。
なぜ、表示されないのでしょうか？
又、POSTされてきている値を表示するにはどうしたら良いのでしょうか？
回答のほうよろしくお願いします。
HTML
1<!DOCTYPE html> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <title>Ajax Test1</title> 6</head> 7<body> 8 <button id="button">送信</button> 9 <div><br></div> 10 <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 11 <script> 12 $(function(){ 13 $("#button").on("click", function(evt){ 14 var ary_names = ['太郎', '次郎', '三郎']; 15 16 $.ajax({ 17 url: 'index.php', 18 type: 'POST', 19 data: { 20 'names': ary_names, 21 }, 22 success: function (data) { 23 alert('OK'); 24 }, 25 error: function(XMLHttpRequest, textStatus, errorThrown) { 26 alert('NG'); 27 } 28 }); 29 }); 30 }); 31 </script> 32</body> 33</html>
PHP
1<?php 2//配列を受信する。 3$ary_names = $_POST['names']; 4//POSTされた値の要素を全て表示 5print_r($_POST) 6?>
回答1件
0
ベストアンサー
提示のコードでちゃんと値をPHPに引き渡せていますし、PHPも表示というか変数の内容を出力しています。
ただ、ajaxではページの遷移は行われませんので見かけ上表示されていないと誤解しているだけではないでしょうか。
PHPの実行結果はsuccess関数の引数に入っているのでそれをalertで表示してみては。
javascript
1 success: function (data) { 2 alert('OK'); 3 alert(data); 4 },
投稿2022/07/03 21:05
総合スコア2703
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2022/07/03 22:15