如何通過jQuery通過JSON提交表單並檢索數據？

Question

jQuery JSON請求的普通形式將通過Ajax

j.ajax({
   type: 'POST',
   url: url,
   async: true,
   data: urlData,
   timeout: 20000,
   dataType: 'json',
   success: function(json) {

上述解決方案的問題甚至是發布方法仍然通過和URL。 我想要實現的是，一旦單擊一個按鈕，然后通過JSON調用提交表單數據（這樣就不必是頁面提交），並且從調用返回的數據為JSON格式。

那么如何實現目標呢？

Answer 1

添加event.preventDefault(); submit事件處理程序，以防止默認行為。

$("#yourForm").submit(function(event){
    event.preventDefault();
    //ajax call
});

Answer 2

如果使用jquery，則必須停止提交按鈕的默認操作：

$("#myButton").click(function(e) {
    e.preventDefault();
    // ...

如果不是，則return false;否則return false; 在您的click事件中調用ajax之后：

<input type="submit" onclick="doTheAjaxCall(); return false;"/>