2014-01-15 88 views
3
function ajax() { 
    $('form').submit(function() { 
    console.log($(this).serializeArray()); 
    $('#result').text(JSON.stringify($(this).serializeArray())); 
    return false; 
    }); 
} 

這是JSON數據我越來越:如何將表單數據發送到服務器以JSON格式AJAX腳本

[{"name":"firstName","value":"erere"},{"name":"lastName","value":"rere"},{"name":"emailAddress","value":"[email protected]"},{"name":"password","value":"dfdfd"},{"name":"phoneNumber","value":"989989898"}] 

我怎樣才能將其發送到服務器。我應該在ajax調用中包含哪些數據?

+0

哪裏是你的Ajax調用...'.submit()'不是'阿賈克斯()'調用就像你有他們BTW – bipen

+0

發送。如果你使用PHP,你可以json_decode()數據服務器端。 此外,您可以使用$(form).serialize()來獲取一個簡單的名稱:值對以提交到您的proccess腳本 – andrew

+0

http://api.jquery.com/jquery.ajax/ – MrUpsidown

回答

3

一個簡單的例子:

$('form').submit(function() { 

    $.post("send.php", $(this).serializeArray()) 
     .done(function(reply) { 
     alert("Complete, reply from server: " + reply); 
     }); 

    return false; 
}); 

參見:http://api.jquery.com/jquery.post/對處理回調信息。

+0

無論您有什麼服務器端來處理表單, –

+1

我希望你可以減少評論,你需要給我們更多的信息來解釋什麼是錯的。也許是一個錯誤信息,或錯誤發生在哪一行?據我所知,HTTP中沒有555錯誤代碼,您是否在談論電子郵件錯誤? –

2

試試這個:

$('form').submit(function() { 
    var form = $(this); 
    var data = form.serialize(); 

    $.ajax({ 
     url: 'post url' 
     method: 'POST', 
     data: data, 
     success: function(resp){ 
      //action on successful post 
     }, 
     error: function() { 
      //handle error 
     } 
    }); 
    return false; 
}); 
+1

它看起來像jQuery序列化您的表單數據的問題,嘗試將'form.serialize()'改爲'form.serializeArray()' – James

+0

@ aRahmanS29最好先問@judder如果他打算使用'.serializeArray'方法,而不是隻是編輯它,假設這是真的,因爲它可能不是他的意圖。 – t3chb0t

相關問題