Javascript将Form数据转化成Json对象

jquery如何实现获取表单数据以后，以json格式提交表单的功能？我的页面结构如下所示：

HTML:

XML/HTML code

?
jQuery:

JavaScript code

?
如何写jquery里面的以json格式获取表单数据？

方法如下：
将Form的数据转化成Javascript的Json对象

Jquery的serializeArray

方法已经可以实现将Form的数据序列化为一个数组，只要稍微在这个方法的基础上做些修改即可。
方法1：

JavaScript

1234567891011121314

$.fn.serializeObject = function(){ var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [o[this.name]]; } o[this.name].push(this.value || ''); } else { o[this.name] = this.value || ''; } });}

方法2：JavaScript

1 2	vardata={}; $("form").serializeArray().map(function(x){data[x.name]=x.value;});

AuthoradminPosted
on三月 22, 2016CategoriesJavascript

2 thoughts on “Javascript将Form数据转化成Json对象”

luo说道：

五月 19, 2016 3:24 下午

$(“form”).serializeArray() 不行吗？ 还需要map下

回复

admin说道：

五月 20, 2016 2:35 上午

serializeArray() 方法序列化表单元素，返回 JSON 数据结构数据。如：
[

{name: ‘firstname’, value: ‘Hello’},

{name: ‘lastname’, value: ‘World’},

{name: ‘alias’}, // 值为空

]