jquery ajax調用：如何解析結果？

Question

我有一個模式對話框（通過jQuery UI完成），將窗體提交給遠程控制器Action。

這就是所謂的jQuery函數：

$("fpForm").submit(function() { 
    $.ajax({ 
     type: "POST", 
     url: "ForgotPassword", 
     data: $("#fpForm").serialize(), 
     success: function(response) { 
      alert(response); 
     }, 
     error: function(response) { 
      alert(response); 
     } 
    }); 
}); 

行動確實對一些數據驗證，然後發回一個JSON格式的響應。比方說，例如，這是一個示例響應：

{"result":"NOK","message":"The user is not registered on the system"} 

我的問題是：

1. 爲什麼我在「成功」和「錯誤」塊已設置調試警報不被執行？
2. 如何編寫我的代碼來解析響應，同時保持在對話框中等待它？
3. 如何在ajax調用期間編寫代碼來阻止表單元素？

如果對於大多數人來說這個問題看起來很愚蠢，但我對ajax完全陌生，我正在嘗試學習一些我知道的有經驗的模式。

謝謝您的回覆

Answer 1

第一個錯誤是使用$("fpForm").submit而不是$("#fpForm").submit。

如果服務器返回JSON數據（例如JsonResult），則應該包含dataType: "json"以將結果轉換爲對象中的對象。在此之後可以更換alert(response);到

alert('Result: ' + response.result + ', Message: ' + response.message); 

要阻止表單元素，我會建議你使用jQuery BlockUI Plugin。在demos你會發現不同的使用例子，並找到你喜歡的方式。

Answer 2

我的問題是：

1. 爲什麼「錯誤」塊 不被得到執行，我在「成功」，並設置調試警報？
2. 我該如何編寫我的代碼來解析響應，同時在對話框中繼續等待 ？
3. 如何在ajax 調用期間編寫代碼以阻止表單元素？

1. 如果你的意思是使用ID那麼你錯過了＃代號：

   $（ 「＃fpForm」）

2. 添加sync : true選項上電話？

3. 你既可以：設置在窗體部件的禁用屬性 AFTER張貼請求，或者與一個元件（可能半透明）屏蔽頁面轉移的輸入。