javascript - JavaScript 中是否有一种方法可以检索*将*与表单一起发送而无需提交的表单数据？

Question

如果我有一个 HTML 表单，假设...

<form id='myform'>
    <input type='hidden' name='x' value='y'>
    <input type='text' name='something' value='Type something in here.'>
    <input type='submit' value='Submit'>
</form>

...然后我使用 jQuery 响应表单提交事件，例如

$('#myform').submit(function() {
    ...
    return false;
});

现在假设我想将表单作为 AJAX 调用提交，而不是以“传统”方式(作为新页面)实际提交。有没有一种简单的方法来获取包含要发送的数据的 JS 对象，我可以将其传递给 $.post()？所以在上面的例子中它看起来像......

{
    x: 'y',
    something: 'Type something in here.'
}

还是我必须自己烤？

Answer 1

参见 serialize()方法。

$('#myform').submit(function() {
    jQuery.ajax({
        url: this.action,
        type: this.method,
        data: $(this).serialize(),
        success: function () {
           //
        }
    });

    return false;
});