Ajax未加載php文件

Question

這是我的ajax代碼：

function saveChanges(object){ 
  var id = object.value;
  alert('HI'+id);
  $.ajax({
    url : 'ajaxChangeProfile.php',
    type: 'POST',
    data: {'id':id}
  });
}

在這里被稱為

<select onchange="saveChanges(this);" name="changeChar" id="changeChar">

因此，當我更改選擇框的值時，會收到包含正確消息和ID的警報。

在我要發送到的php文件的頂部，我有一個查詢，該查詢將在數據庫中的測試表中添加一個數字，但這並未添加。

我需要在php文件中做的就是更改2個會話變量並進行1個mySQL查詢。

謝謝

編輯1：

function saveChanges(object){ 

  var id = object.value;
  alert('HI'+id);
  $.ajax({
    url : 'ajaxChangeProfile.php',
    type: 'POST',
    data: {'id':id},
    success: function() {
      alert('WORKING');
    }
  });
}

我嘗試添加done（）回調，但是它停止了警報的工作，所以我不確定該怎么做，添加成功后消息仍然顯示，但仍然無法加載頁面。 只對成功發出警報可以嗎？還是我需要其他東西？

編輯2：

function saveChanges(object){ 

  var id = object.value;
  alert('HI'+id);
  $.ajax({
    url : 'ajaxChangeProfile.php',
    type: 'POST',
    data: {'id':id},
    success: function(data) {
      alert(data);
    }
  });
}

我已經做出了由回答者建議的更改，仍然是相同的問題，顯示的第一個警報具有正確的ID，但隨后php文件上沒有任何反應。

Answer 1

在成功函數中，您不會返回數據。 嘗試同時添加錯誤功能。

success: function(data){
    alert(data);
},
error: function(xhr, status, error){
    alert(error);
}

Answer 2

使用Jquery Onchange事件

<select name="changeChar" id="changeChar"></select>

在JavaScript中

$(document).ready(function(){
    $('#changeChar').change.(function(){
        var id = $(this).val();
        alert('HI'+id);
        var datastring = 'id='+id;
        $.ajax({
           url : 'ajaxChangeProfile.php',
           type: 'POST',
           data: datastring,
           success: function(data) {
              alert(data);
           }
        });    
    });
});