如何使用JavaScript/jQuery获取表单数据？

Question

如何使用JavaScript/jQuery获取表单数据？是否有一种简单的、单行的方法来获取表单的数据，就像它将以传统的HTML方式提交一样？例如，在：<form>  <input type="radio" name="foo" value="1" checked="checked" />  <input type="radio" name="foo" value="0" />  <input name="bar" value="xxx" />  <select name="this">   <option value="hi" selected="selected">Hi</option>   <option value="ho">Ho</option></form>退出：{  "foo": "1",  "bar": "xxx",  "this": "hi"}这样的内容太简单了，因为它没有(正确地)包括文本区域、选择、单选按钮和复选框：$("#form input").each(function() {  data[theFieldName] = theFieldValue;});

Answer 1

$('form').serialize() //this produces: "foo=1&bar=xxx&this=hi"

演示

Answer 2

使用$('form').serializeArray()，则返回列阵:

[
  {"name":"foo","value":"1"},
  {"name":"bar","value":"xxx"},
  {"name":"this","value":"hi"}]

其他选择是$('form').serialize()，则返回弦:

"foo=1&bar=xxx&this=hi"

看一看这个小提琴手的演示