`

jquery form序列化 转为json对象

 
阅读更多

页面:

写道
<form id="cardForm">
<div class="selBox2" style="width: 760px;">
<select class="sel fl" id="cardSelectDate" name="cardSelectDate">
<option value="0">请选择</option>
<option value="1">今天</option>
<option value="2">昨天</option>
<option value="3">近七天</option>
<option value="4">近一个月</option>
</select>
<div class="userAuto fl">
<span>自定义时间</span><input type="text" id="startdate" name="startdate" readonly="readonly" class="inpW3 inp datepicker" />--<input id="enddate" name="enddate" type="text" readonly="readonly" class="inpW3 inp datepicker" />
</div>
<div class="seacBtn btnWidth5"><a href="#" onclick="queryValidateCardList();">查 询</a></div>
<div class="seacBtn btnWidth5"><a href="#" onclick="resetQuery('cardForm');">重 置</a></div>
</div>

 我只是写个例子,点击重置。

js:

/**
     * 重置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;
	}
 
分享到:
评论

相关推荐

    jQuery实现form表单元素序列化为json对象的方法

    本文实例讲述了jQuery实现form...jQuery扩展——form序列化到json对象&lt;/title&gt; &lt;meta http-equiv=Content-Type content="text/html;charset=utf-8"&gt; &lt;script type="text/javascript" src="jquery-1.1

    jQuery序列化form表单数据为JSON对象的实现方法

    jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...

    jquery序列化成对象js

    form提交的时候以json对象的方式传递,需要使用的转化工具。

    jQuery实现form表单序列化转换为json对象功能示例

    本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考,具体如下: 做web前端开发时,需要ajax提交大量...jquery form序列化转换为json对象&lt;/title&gt; [removed][removed] &lt;/scri

    基于jQuery的一个扩展form序列化到json对象

    jQuery没有直接支持form到json的序列化方法,目前网上有一个实现是这样的

    form表单的序列化与反序列化

    基于jquery实现的form表单的序列化与反序列化。除了基本的form元素外,增加了easyui combobox的序列化与反序列化,其它类型的如有需要可自行实现。 下拉框会怎么生成以"_autoAppText"的属性记录文本,反序列时,会...

    JQuery扩展包-多种序列化方式

    Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...

    Jquery 组合form元素为json格式,asp.net反序列化

    2、后端ASP.NET用JavaScriptSerializer反序列化为对象实列。 3、好处:简化了前端数据读取与后端数据赋值。 代码如下:function GetJSONStr(class_name) { var a = []; //文本框 $(“.” + class_name).filter(“:...

    jquery序列化form表单使用ajax提交后处理返回的json数据

    主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下

    serializeObject:这个jQuery插件将序列化数组数据映射到JSON对象

    serializeObject 该jquery插件会将序列化的表单数据数组映射到JSON Object。相依性库。开始导入库。 导入插件。首次使用 $( "form" ).serializeObject();二次使用 var rFormat = {id: 0,name: "John Doe"};$( "form...

    unserialize:jQuery 反序列化插件

    jQuery 反序列化插件 概述: 这个插件包含两个函数,它们的工作方式与 jQuery 的“serialize()”函数相反。 也就是说,“序列化”采用一种形式(或输入的集合)并为 HTTP 请求返回正确的序列化字符串,此插件中的...

    jQuery序列化后的表单值转换成Json

    通过$(#form).serialize()可以获取到序列化的表单值字符串。 例如: a=1&b=2&c=3&d=4&e=5 通过$(#form).serializeArray()输出以数组形式序列化表单值。 [ {name: 'firstname', value: 'Hello'}, {name: '...

    jQuery向后台传入json格式数据的方法

    而且用jquery对表单序列化的时候,返回的格式是一个数组,还需要作进一步转换。其实只要我们在ajax方法中配置一些东西就可以完成。代码如下: &lt;form id="ff"&gt; &lt;input type="text" name="test1"/&gt; &lt...

    jquery form表单获取内容以及绑定数据

    在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,... * 将form里面的内容序列化成json * 相同的checkbox用分号拼接起来 * @param {dom} 指定的选择器 * @param {obj} 需要拼接在后面

Global site tag (gtag.js) - Google Analytics