簡單的函數來收集表單數據的AJAX提交

Question

我想要找到簡單，優雅的方式來獲取所有相關的名稱，從HTML表單值對，併爲ajax調用準備這些數據，數據將被保存。我想出了這一點：

$('#save').click(function(){ 
    var querystring = ""; 
    $('form#form_id :input').each(function(){ 
     querystring += $(this).attr('name') + "=" + $(this).val() + "&"; 
    }); 
    querystring = querystring.substr(0,querystring.length-1); 
    alert(querystring); 
}); 

我會再使用這個querystring進行更新AJAX腳本。有幾個問題是：

1. 所有的單選按鈕項出現在查詢字符串，而不僅僅是選擇
2. 所有複選框顯示了值的那些=「上」

有沒有人有一個很好的簡單方法來做到這一點？

感謝

Answer 1

的jQuery已經爲它的方法！試試這個：

var myData = $("form#form_id").serialize(); 
alert(myData); 

加上它包括textareas和選擇框。

更多信息在：http://api.jquery.com/serialize/

Answer 2

$('#save').click(function(){ 
    var querystring = ""; 
    $('form#form_id :input').each(function(){ 
     querystring += $(this).attr('name') + "=" + $(this).is(":checked") + "&"; 
    }); 
    querystring = querystring.substr(0,querystring.length-1); 
    alert(querystring); 
});