将JavaScript的jQuery库中表单转化为JSON对象的方法_formserialize转json资源-CSDN文库

form表单提交

16 浏览量 2021-01-19 15:06:13 上传评论收藏 50KB PDF 举报

资源推荐

资源详情

资源评论

将将JavaScript的的jQuery库中表单转化为库中表单转化为JSON对象的方法对象的方法

大家知道Jquery中有serialize方法，可以将表单序列化为一个“&”连接的字符串，但却没有提供序列化为Json的方法。不过，

我们可以写一个插件实现。

我在网上看到有人用替换的方法，先用serialize序列化后，将&替换成“：”、“‘”：

/**

* 重置form表单

* @param formId form的id

*/

function resetQuery(formId){

var fid = "#" + formId;

var str = $(fid).serialize();

//str= cardSelectDate=3&startdate=2012-02-01&enddate=2012-02-04

var ob= strToObj(str);

alert(ob.startdate); //2012-02-01

}

function strToObj(str){

str = str.replace(/&/g, "','" );

str = str.replace(/=/g, "':'" );

str = "({'" +str + "'})" ;

obj = eval(str);

return obj;

}

/**

* 重置form表单

* @param formId form的id

*/

function resetQuery(formId){

var fid = "#" + formId;

var str = $(fid).serialize();

//str= cardSelectDate=3&startdate=2012-02-01&enddate=2012-02-04

var ob= strToObj(str);

alert(ob.startdate);//2012-02-01

}

function strToObj(str){

str = str.replace(/&/g,"','");

str = str.replace(/=/g,"':'");

str = "({'"+str +"'})";

obj = eval(str);

return obj;

}

个人感觉这样做有bug。

我的方法是，先用serializeArray序列化为数组，再封装为Json对象。

下面是表单：

< form id = "myForm" action = "#" >

< input name = "name" />

< input name = "age" />

< input type = "submit" />

</ form >

<form id="myForm" action="#">

<input name="name"/>

<input name="age"/>

<input type="submit"/>

</form>

Jquery插件代码如下：

( function ($){

$.fn.serializeJson= function (){

var serializeObj={};

$( this .serializeArray()).each( function (){

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38635979

粉丝: 4
资源: 914

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip