把PHP呼應成一個按鈕的innerHTML不起作用

Question

我有一個jQuery這樣的代碼：

$("#erase").click(function(){ 
     $("#erase").attr("disabled", "disabled"); // Prevent double-clicking 
     $(this).html("Erasing..."); 
     $.post("erase.php", {target: $("#target").val(), criteria: $("#criteria").val()}, function(data){ 
      $(this).html(data); // Change the button's caption to whatever erase.php echoes. 
      setTimeout(function(){ 
       window.location.href = "index.php"; 
      }, 3000); 
     }); 

的target和criteria都是HTML input標籤和按鈕被聲明爲button標籤。 我期待，當用戶點擊這些按鈕會發生：

1. 按鈕將顯示爲灰色和它的文本會說「擦除......」
2. erase.php將通過AJAX調用。 erase.php將從數據庫中刪除一行，並需要幾秒鐘才能完成。
3. 當AJAX調用完成時，按鈕文本將是erase.php的輸出。這將是「成功」或「失敗」
4. 3秒鐘後，用戶將被帶回主頁。

但在我的情況下，第3步失敗。按鈕陷在「擦除......」（請求確實完整的，但是。）

---

附註：我真的不能相信對於這個問題更好的稱號。如果你能爲我提出一個。請在評論中告訴我。我會很感激。

Answer 1

$（this）裏面的$ .post不是你以前的版本。試試這種方式

$("#erase").click(function(){ 
    $("#erase").attr("disabled", "disabled"); // Prevent double-clicking 
    $(this).html("Erasing..."); 
    $this = $(this); 
    $.post("erase.php", {target: $("#target").val(), 
      criteria: $("#criteria").val()}, function(data){ 
      $this.html(data); 
      setTimeout(function(){ 
       window.location.href = "index.php"; 
      }, 3000); 
     });