javascript - 将表单值提交给 JS 数组对象而不是 AJAX 请求

Question

我已经研究这个问题有一段时间了，但我就是无法理解它。有一些类似的答案，但似乎没有解决我的确切问题。

所以我有一个表格。由此得出的值都将是数字。我想捕获数组内的值，以便在使用新变量发送单独的 AJAX 调用之前对它们执行计算。我真的很惊讶这似乎很难发挥作用。

我的代码应该将表单的值输出到数组 x 中的键/值对中，但是该数组似乎是空的(包含每个表单名称/值的 {object Object} 对一对。

有什么想法吗？如果有更好的方法来实现这一点，我会洗耳恭听(或眼睛，无论如何!)。我想一个简单的方法是将其绑定(bind)到单击而不是提交事件，但我不想失去所有其他用户表单提交功能(按 Enter 等)。

Javascript:

$('#zombieForm').submit(function(event) {
    event.preventDefault()
    var x = $(":input").serializeArray();
    alert(x); //currently using a sandbox without console for this
});

HTML:

<form id="zombieForm" method="post">
    <select name="multi2" required>
        <option value=""></option>
        <option value="100">placeholder value 4</option>
        <option value="50">placeholder value 3</option>
        <option value="25">placeholder value 2</option>
        <option value="0">placeholder value 1</option>
    </select>
    <input type="submit" value="Submit" id="formButton" />
</form>

Answer 1

你可以做这样的事情。这就是你所追求的吗？ Fiddle

$('#zombieForm').submit(function(event) {
    event.preventDefault();
    var yourArray = {};
    $.each($(this).serializeArray(), function() {
        yourArray[this.name] = this.value;
    });
    console.log(yourArray);
});