将表单数据转换为JSON对象
这个问题在这里已经有了答案:
我在JSFiddle中添加了上述表单,并将JSON数据显示为输出。
使用JSFiddle
$(function() {
$('form').submit(function() {
$('#result').text(JSON.stringify($('form').serializeObject()));
return false;
});
});
使用这个jQuery插件.serializeJSON()将表单数据转换为JSON对象。
<form id="my-profile">
<!-- simple attribute -->
<input type="text" name="fullName" value="Mario Izquierdo" />
<!-- nested attributes -->
<input type="text" name="address[city]" value="San Francisco" />
<input type="text" name="address[state][name]" value="California" />
<input type="text" name="address[state][abbr]" value="CA" />
</form>
使用Javascript:
$('#my-profile').serializeJSON();
// returns =>
{
fullName: "Mario Izquierdo",
address: {
city: "San Francisco",
state: {
name: "California",
abbr: "CA"
}
}
serializeJSON()
函数返回一个JSON对象。
工作Jsbin示例http://jsbin.com/oTimiGE/1/edit
试试jquery serializeArray()
方法
http://api.jquery.com/serializeArray/
$('form').submit(function() {
console.log($(this).serializeArray());
return false;
});
链接地址: http://www.djcxy.com/p/46329.html