AJAX 没有 return 预期的响应

AJAX does not return anticipated response

我正在尝试开始使用 AJAX 到

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

    标记查看队列中的 ID

编辑:

现在我添加了一个错误参数,但出现错误; [Object Object]Undefinedconsole.log(data) 错误是 POST 500 jquery.js

我尝试了在 data 之后添加 .d 的解决方案,更改 dataType 以匹配 Dev Tools 中网络面板的响应, json_encode 在 PHP 文件,但运气不好。

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/