序列化表单数据为JSON [英] Serialize form data to JSON

问题描述

我想要做一些$ P $形式的对服务器验证的 Backbone.js的模型。要做到这一点，我需要从一个形式向用户输入可用的数据。
我找到了三种方法来做到这一点：

1. VAR输入= $（＃inputId）VAL（）;


2. VAR输入= $（form.login），序列化（）;


3. VAR输入= $（form.login）serializeArray（）;

不幸的是，没有一个提供我需要一个良好的reabable和展JSON对象。我已经通过堆栈＆NBSP几个问题看，溢出，但我发现只有一些额外的库。

不 Underscore.js ，目前的jQuery或Backbone.js的提供一个辅助方法？

我不能想象有这样的功能没有要求。

HTML

 ＆LT;窗​​体类=登录＆GT;
    ＆LT;标签=_ USER_NAME＆GT;用户名：​​其中; /标签＆gt;
    ＆LT;输入类型=文本ID =_ USER_NAMENAME =用户[名]VALUE =dev.pus/＆GT;
    ＆LT;标签=_ user_pass＆GT;密码：LT; /标签＆gt;
    ＆LT;输入类型=密码ID =_ user_passNAME =用户[通]值=1234/＆GT;
    ＆LT;按钮式=提交＆GT;登录和LT; /按钮＆GT;
＆LT; /表及GT;
 

的JavaScript

  VAR FORMDATA = $（form.login）serializeObject（）;
的console.log（FORMDATA）;
 

输出

  {
    名：dev.pus
    传：1234
}
 

Backbone.js的模型

  VAR用户=新用户（FORMDATA）;
user.save（）;
 

解决方案

您可以这样做：

  VAR FRM = $（document.myform）;
 VAR数据= JSON.stringify（frm.serializeArray（））;
 

看到这一点： http://www.json.org/js.html

I want to do some pre-server-validation of a form in a Backbone.js model. To do this I need to get the user input from a form into usable data. I found three methods to do this:

1. var input = $("#inputId").val();
2. var input = $("form.login").serialize();
3. var input = $("form.login").serializeArray();

Unfortunately, none of the provide a good reabable and developable JSON object which I require. I already looked through several questions on Stack Overflow, but I found only some extra libraries.

Doesn't Underscore.js, the current jQuery or Backbone.js provide a helper method?

I can't imagine there is no request for such a function.

HTML

<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>

JavaScript

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

Outputs

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

Backbone.js model

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

解决方案

You can do this:

 var frm = $(document.myform);
 var data = JSON.stringify(frm.serializeArray());

see this: http://www.json.org/js.html

这篇关于序列化表单数据为JSON的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！