在发送到服务器之前，如何生成POST数组作为客户端/ JavaScript对象？

Question

我有文本输入和文本区域的混合形式。 我很好奇我是否可以在将其发送到服务器之前进行一些本地解析。 是否有一种有效的方法来实现这一目标？

范例表格：

<form>
    <div class="levelone">
        <input type="text" name="input-one">
        <input type="text" name="input-two">
        <input type="text" name="input-three">
    </div>
    <div class="levelone">
        <div class="leveltwo">
            <input type="text" name="input-arr[]">
            <input type="text" name="input-arr[]">
            <input type="text" name="input-arr[]">
        </div>
    </div>
    <div class="levelone">
        <textarea name="input-textarea">Submit</textarea>
    </div>
    <div class="levelone">
        <button type="button">Submit</button>
    </div>
</form>

是否有一种有效的方法可以将所有这些输入和文本区域放入一个javascript对象中，而无需一次构建一个对象？ 我正在寻找与POST数组中返回的服务器端大致相同的顺序和结构。

Answer 1

发送到服务器的结构是一个字符串，其中包含使用application/x-www-form-urlencoded数据格式序列化的数据。 将表格转换为该格式是serialize方法的工作。

var string_www_form_urlencoded = jQuery('form').serialize();