2012-06-29 128 views
2

可能重複:
jQuery AJAX submit form通過ajax請求提交html表單?

我對頁面的形式,並代替我發佈一個新的頁面,是有辦法,我可以做的onsubmit Ajax請求它呢?我想讓頁面能夠將結果加載到div中。

我知道如何編寫調用排序的腳本,但我不確定是否必須手寫它或它是否可以獲取所有的表單信息併發送它而無需編寫全部代碼進入屬性。我想我可以做一些類似的事情:onClick,發佈表單,但返回結果到一個div。

想法?想法?

+2

這是一個非常標準的AJAX調用。 http://api.jquery.com/jQuery.ajax/ – Bankzilla

+0

我真的想知道你是否需要AJAX。難道你不能真正提交表單到同一頁面,並讓PHP動態地加載表單數據的div?有什麼理由不能做到這一點嗎? – Palladium

+0

是的,我不想硬刷新頁面,所以我不想提交給自己。 – Fallenreaper

回答

6

嘗試使用jQuery的serialize(API參考here

編輯:這樣的事情:

$("input.submit").click(function() { 
    $.ajax({ 
     type: "POST", 
     url: $("form").attr('action'), 
     data: $("form").serialize(), 
     success: function(response) { 
     //Code to process the response 
     } 
    }); 
    return false; 
    }); 
+0

所以,序列化從表格中擷取所有數據呃? – Fallenreaper

+1

是的,它解析成一個字符串。 –

+0

謝謝!這是一個了不起的事情要知道! – Fallenreaper