AJAX 不返回预期的响应

问题描述

我正在尝试开始使用 AJAX 来

1. 将一个 Javascript 变量从一个 PHP 文件发送到另一个文件
2. 这会将它排入我创建的队列函数中
3. 然后通过更改我的主文件中的 标记来查看队列中的该 ID

编辑：

我现在收到一个错误，因为我添加了一个错误参数； [Object Object] 或 Undefined 和 console.log(data) 错误是 POST 500 jquery.js

我尝试过在 .d 之后添加 data 的解决方案，更改 dataType 以匹配来自开发工具中网络面板的响应，PHP 文件中的 json_encode，但没有运气。

Javascript：

var log = document.getElementById("log"); //ID of the  <p> tag to change to ID number

document.getElementById("scanButton".addEventListener("click",async () => {

try{

/*functions to obtain ID number*/

var IDnumber = 0000; //functions will change this value after every click



$.ajax({
    type: "POST",url: "savetodb.PHP",data: { idNumber : IDnumber },success: function(data){
        log.innerHTML = data;
    },error: function(error) {
        log.innerHTML = error;
    }
  });
  
  
  
} catch (error){
      log.innerHTML = error;
});

PHP：

$idNumber = $_POST['idNumber'];

/*queue methods and functions*/

public function peek() { 
  return $this->queue[$this->front]; 
}

$queue = new CircularQueue(15);
$queue->enqueue($idNumber);
echo $queue->peek();

解决方法

尝试通过参数“error”来捕捉错误，而不是使用try catch。

$.ajax({
    type: "POST",url: "savetodb.php",data: { idNumber : IDnumber},success: function(){
        log.innerHTML = ("ID : " + IDnumber + " logged successfully!");}
    },error: function(error) {
        log.innerHTML = error.responseText;
    }
);

https://api.jquery.com/jquery.ajax/