如何使用JavaScript / jQuery获取表单数据？ [英] How can I get form data with JavaScript/jQuery?

问题描述

是否有一种简单的单行方式来获取表单的数据，如果它是以经典的HTML方式提交的话？

Is there a simple, one-line way to get the data of a form as it would be if it was to be submitted in the classic HTML-only way?

例如，在：

<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>

Out：

{
 "foo": "1",
 "bar": "xxx",
 "this": "hi"
}

这样的事情太简单了，因为它没有（正确地）包括textareas，选择，单选按钮和复选框：

Something like this is too simple, since it does not (correctly) include textareas, selects, radio buttons and checkboxes:

$("#form input").each(function() {
 data[theFieldName] = theFieldValue;
});

推荐答案

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

演示

这篇关于如何使用JavaScript / jQuery获取表单数据？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！