没有收到来自成功的 xmlHttpRequest POST 的响应

如何解决没有收到来自成功的 xmlHttpRequest POST 的响应

我制作了一个页面来测试单击按钮时将数据发送到 MysqL 数据库。

测试成功，数据添加。 但是 javascript 没有从服务器获取/显示响应，即使 wifi 包捕获显示返回的响应为 http 代码 200 OK 和消息“新记录创建成功”。

服务器端没问题，因为我可以捕获包，而且我有一个发送 POST 请求的应用程序，它显示“新记录...”消息，但我的代码没有。我已经尝试了很多年，看不出有什么问题。

按下按钮时运行的脚本，带有一些诊断位：

<span>{{ book.author.author_name }}</span>

页面输出，无状态或结果：

<script>function buttonScript(element) {
   var xhr = new XMLHttpRequest();  
   var srvrResponse;
   var rdyStateHist = "<b>readyState History:</b>";

   xhr.onreadystatechange = function() { 
       srvrResponse=xhr.responseText;
       rdyStateHist =  rdyStateHist + xhr.readyState+ "," ;
       document.getElementById("displayResult").innerHTML = rdyStateHist + "<br><b>Result </b>(length " + srvrResponse.length+"): " + srvrResponse + "<br><b>Current readyState:</b> "+ xhr.readyState + "<br><b>Status:</b> " + xhr.status; 
   };

    var bodyData = new FormData(); bodyData.append("api_key","tPmAT5Ab3j7F9");
    bodyData.append("sensor","jscode_test"); 
    bodyData.append("location","testLoc");       
    bodyData.append("value1",1.1); 
    bodyData.append("value2",2.2);
    bodyData.append("value3",3.03);
    xhr.open("POST","http://192.168.0.105:8080/post-esp-data.PHP",true);
    xhr.send(bodyData);
}
</script>

捕获到发送请求的设备的响应：

readyState History:1,4,Result (length 0):
Current readyState: 4
Status: 0

我错过了什么？