前提・実現したいこと

・JavaScriptでjqueryを用いてphpにデータを転送したいです。

発生している問題・エラーメッセージ

php側でechoで表示させようとしても表示することができない

該当のソースコード

JavaScript
1var basicinfo = {
2       name: name,
3       scoreNum: scoreNum
4};//ここのnameとscoreNumはinnerHTMLで表示することはできている
5$.ajax({
6      url:'#URLを記載している', //送信先
7      type:'POST', //送信方法
8      data:basicinfo,
9}).done(function(data) {
10      alert("ok");
11      window.open('#URLを記載している');
12}).fail(function(XMLHttpRequest, textStatus, errorThrown) {
13      alert("error");
14})

PHP
1<!doctype html>
2<html lang="ja">
3<head>
4<!-- Required meta tags -->
5<meta charset="utf-8">
6<meta name="viewport">
7
8<title>PHP</title>
9<body>
10<main>
11<pre>
12    <?php
13        $name=$_POST['name'];
14        $scoreNum=$_POST['scoreNum'];
15        $result = 'name:' . $name . ' scoreNum:' . $scoreNum;
16        echo $result;
17    ?>
18</pre>
19</main>
20</body>    
21</html>

試したこと

https://qiita.com/hanaita0102/items/9e2f7984ecb71440c322
ここのサイトで書かれているようにAjax通信を試してみたところalert("ok")が出されました
またwindow.openでPHPファイルに飛ぶことはできています。

https://techacademy.jp/magazine/37062
PHP側ではこのサイトを参考にデータが受け取れるかを確認したのですが、実際に表示されるのは「name: scoreNum:」のみで間の変数が表示されません。

https://teratail.com/questions/44809
またこちらに似たような質問が出ていたため同様に変更してみましたがうまくできませんでした。

ご教授よろしくお願いいたします

プログラミング初心者なのでだいぶ簡単なことなのだとは思いますが、いろいろなページを探して試してもうまくいきません。よろしくお願いいたします。

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

回答1件

ベストアンサー

ajaxでpostデータを送ったurlをajax通信後に
window.openで開きたいということですか？
考え方が根本的におかしいです。

ajaxで送る先はAPIであくまで送信データをサーバーサイドで
活用し結果を返す処理だけします。
当然同じファイルをwindow.openしても先程の通信とは別で開くので
ajaxで以前送ったデータは保持されていません

sample

mypage.html

HTML
1<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
2<script>
3$(function(){
4  $('#btn').on('click',function(){
5    var basicinfo = {
6    name: "hoge",
7    scoreNum: 123
8    };
9    $.ajax({
10    url:'myapi.php',
11    type:'POST',
12    data:basicinfo,
13    }).done(function(data) {
14      var nWin=window.open('newpage.html');
15      nWin.addEventListener('load',function(){
16        nWin.document.querySelector('#view').textContent=data;
17      });
18    }).fail(function(XMLHttpRequest, textStatus, errorThrown) {
19      alert("error");
20    });
21  });
22});
23</script>
24<input type="button" value="open" id="btn">

myapi.php

PHP
1<?php
2$name=$_POST['name'];
3$scoreNum=$_POST['scoreNum'];
4$result = 'name:' . $name . ' scoreNum:' . $scoreNum;
5echo $result;

newpage.html

HTML
1<!doctype html>
2<html lang="ja">
3<head>
4<!-- Required meta tags -->
5<meta charset="utf-8">
6<meta name="viewport">
7
8<title>PHP</title>
9<body>
10<main>
11<pre id="view">
12</pre>
13</main>
14</body>    
15</html>