PHPからajaxでサーバ処理を行いたい

https://teratail.com/questions/322475
の続きです。

PHPからajaxでサーバ処理を行いたいです
メインのphpファイルからajaxでpost.phpに処理を投げようとしています
ファイルは同じ階層にあるのですが、
実行するとアラートのerrorが帰ってきます。

require('post.php');
で確認するとpost.phpは正常に読み込まれます
しかし、xhr.open('POST','post.php');は読み込まれていないように思います

xhr.open('POST','./post.php');
でもエラーになります。

何が悪いのでしょうか...

js
1
2$("#trigger").on("click", function() {
3
4　　　 var fd = new FormData();
5      fd.append('foo',"OK");
6      var xhr = new XMLHttpRequest();
7      xhr.open('POST','post.php');
8      xhr.send(fd);
9      xhr.onreadystatechange = function(){
10          if ((xhr.readyState == 4) && (xhr.status == 200)) {
11              _returnValues = JSON.parse(xhr.responseText);
12              alert(_returnValues);
13          }else{
14            alert("Error");
15          }
16      };
17
18      return false;
19}
20

php
1test.php
2
3<?php
4 $foo = "サーバ処理OK";
5 print json_encode($foo);
6?>

m.ts10806

2021/02/15 01:41

readyStateとstatusには何が？ JavaScriptの記述が書かれているファイルとpost.phpの位置関係は？

m.ts10806

2021/02/15 01:42

あと「リクエストを分ける」という部分は理解して取り組まれてますか？

m.ts10806

2021/02/15 01:54

あと、コードブロック内にはコードのみを。

Qoo

2021/02/15 02:01

内容確認していただきありがとうございます。現在、JavaScriptはphpファイルの中で記述しております echo <<<EOM <script type="text/javascript"> alert(xhr.readyState); で確認すると２→３→４とアラートが３回表示されますリクエストを分けるという部分は jsからajaxでpost.phpを呼ぶことでリクエストを分けることができて結果をxhr.responseTextで受け取れるという理解なのですが、ここも間違っていますでしょうか。。

m.ts10806

2021/02/15 02:08

まず、readyStateとstatusの確認を。学習や開発途中段階で固定のメッセージだけだして言語仕様が返してくれる情報を得ないのはありえません。デバッグ環境整えるのが先です。