javascript - AJAX 不返回预期的响应

Question

我正在尝试开始使用 AJAX

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

编辑：

现在我添加了一个错误参数，我得到一个错误；要么[Object Object]要么Undefined错误console.log(data)是POST 500 jquery.js

我已经尝试在 PHP 文件中添加.dafter的解决方案data，更改dataType以匹配来自开发工具中 Networks 面板的响应，但没有运气。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();

Answer 1

尝试通过参数“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/