将表单数据序列化为JSON[重复]

Question

我想在Backbone.js模型中对表单进行一些服务器前验证。要做到这一点，我需要将用户输入从表单转换为可用的数据。我找到了三种方法来做到这一点：

1. var input=$（“#inputid”）.val（）；
2. var input=$（“form.login”）.serialize（）；
3. var input=$（“form.login”）.serializearray（）；

不幸的是，没有一个提供我所需要的好的可扩展和可开发的JSON对象。我已经查看了几个关于Stack ；溢出的问题，但我只发现了一些额外的库。

underscore.js、当前的jQuery或backbone.js是否提供了一个helper方法？

<form class="login">
    <label for="_user_name">username:</label>
    <input type="text" id="_user_name" name="user[name]" value="dev.pus" />
    <label for="_user_pass">password:</label>
    <input type="password" id="_user_pass" name="user[pass]" value="1234" />
    <button type="submit">login</button>
</form>

var formData = $("form.login").serializeObject();
console.log(formData);

产出

{
    "name": "dev.pus",
    "pass": "1234"
}

backbone.js模型

var user = new User(formData);
user.save();

Answer 1

下面是这个用例的一个函数：

function getFormData($form){
    var unindexed_array = $form.serializeArray();
    var indexed_array = {};

    $.map(unindexed_array, function(n, i){
        indexed_array[n['name']] = n['value'];
    });

    return indexed_array;
}

用法：

var $form = $("#form_data");
var data = getFormData($form);