JavaScriptの配列の要素の全ての中身のデータをphpに送りそのPOSTされてきている値を表示するには？

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件

ベストアンサー

提示のコードでちゃんと値をPHPに引き渡せていますし、PHPも表示というか変数の内容を出力しています。
ただ、ajaxではページの遷移は行われませんので見かけ上表示されていないと誤解しているだけではないでしょうか。
PHPの実行結果はsuccess関数の引数に入っているのでそれをalertで表示してみては。

javascript
1	            success: function (data) {
2	                alert('OK');
3	                alert(data);
4	            },

投稿2022/07/03 21:05

RiaFeed

総合スコア2701

annarina2022

2022/07/03 22:15

早速の返事ありがとうございます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

JavaScriptの配列の要素の全ての中身のデータをphpに送りそのPOSTされてきている値を表示するには？

関連した質問