如何使用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"看一看这个小提琴手的演示