将表单数据序列化为 JSON [英] Serialize form data to JSON
问题描述
我想对 Backbone.js 模型中的表单进行一些服务器前验证.为此,我需要将用户从表单中输入的内容转化为可用数据.我找到了三种方法来做到这一点:
var input = $("#inputId").val();
var input = $("form.login").serialize();
var input = $("form.login").serializeArray();
不幸的是,没有一个提供我需要的良好的可恢复和可开发的 JSON 对象.我已经查看了关于 Stack Overflow 的几个问题,但我只找到了一些额外的库.
Underscore.js,当前的 jQuery 或 Backbone.js 不提供辅助方法吗?>
我无法想象没有人要求这样的功能.
HTML
JavaScript
var formData = $("form.login").serializeObject();控制台日志(表单数据);
输出
<代码>{"name": "dev.pus",通过":1234"}
Backbone.js 模型
var user = new User(formData);用户保存();
这是这个用例的函数:
function getFormData($form){var unindexed_array = $form.serializeArray();var indexed_array = {};$.map(unindexed_array, function(n, i){indexed_array[n['name']] = n['value'];});返回 indexed_array;}
用法:
var $form = $("#form_data");var data = getFormData($form);
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:
var input = $("#inputId").val();
var input = $("form.login").serialize();
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();
Here's a function for this use case:
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;
}
Usage:
var $form = $("#form_data");
var data = getFormData($form);
这篇关于将表单数据序列化为 JSON的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!