ajaxComplete未啓動

Question

我想在完成Ajax調用後顯示成功消息。 我試着做到以下幾點：

$("form.stock").submit(function(){ 
    $.post('/ajax/transactionupdate', params, function(data) { 
    $this.append("success"); 
    } 
}); 

的問題是，回調函數裏面，好像$（這）是未知的（而不是實例的一部分）。

所以我試圖用ajaxComplete /的ajaxSuccess如下，但由於某些原因，一旦Ajax是完成，他們甚至沒有啓動：

$(this).ajaxComplete(function() { 
     alert("STOP"); 
    }); 

然而，ajaxStart似乎工作：

$(this).ajaxStart(function() { 
     alert("START"); 
    }); 

任何人都可以注意到最新的問題？

謝謝！ 喬爾

Answer 1

$("form.stock").submit(function(e){ 
    e.preventDefault() 
    var el = this; 
    $.post('/ajax/transactionupdate', params, function(data) { 
    $(el).append("success"); 
    } 
}); 

上下文是window由於XMLHttpRequest方法由窗口擁有並在內部被$.post調用。

Answer 2

首先，最初的例子中可以重新做這樣的：

$("form.stock").submit(function() { 
    var stockForm = $(this); 
    $.post('/ajax/transactionupdate', params, function(data) { 
    stockForm.append("success"); 
    }); 
    return false; 
}); 

您應該從「提交」處理程序返回false防止「原生」的形式從發生提交。