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

Question

是否有一种简单的单行方式来获取表单数据，就像以经典的纯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”