页面:
写道
<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...jQuery扩展——form序列化到json对象</title> <meta http-equiv=Content-Type content="text/html;charset=utf-8"> <script type="text/javascript" src="jquery-1.1
jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...
form提交的时候以json对象的方式传递,需要使用的转化工具。
本文实例讲述了jQuery实现form表单序列化转换为json对象功能。分享给大家供大家参考,具体如下: 做web前端开发时,需要ajax提交大量...jquery form序列化转换为json对象</title> [removed][removed] </scri
jQuery没有直接支持form到json的序列化方法,目前网上有一个实现是这样的
基于jquery实现的form表单的序列化与反序列化。除了基本的form元素外,增加了easyui combobox的序列化与反序列化,其它类型的如有需要可自行实现。 下拉框会怎么生成以"_autoAppText"的属性记录文本,反序列时,会...
Jquery自带的序列化,仅对form表单进行序列化,有很大的局限性,现在对齐进行扩展可以进行任意的序列化,包括json格式,字符串格式、数组格式,数组时自动转化为字符串等。并可以根据开发需要,随时扩展自己想要的...
2、后端ASP.NET用JavaScriptSerializer反序列化为对象实列。 3、好处:简化了前端数据读取与后端数据赋值。 代码如下:function GetJSONStr(class_name) { var a = []; //文本框 $(“.” + class_name).filter(“:...
主要介绍了jquery序列化form表单,使用ajax提交后处理返回的json数据的示例,需要的朋友可以参考下
serializeObject 该jquery插件会将序列化的表单数据数组映射到JSON Object。相依性库。开始导入库。 导入插件。首次使用 $( "form" ).serializeObject();二次使用 var rFormat = {id: 0,name: "John Doe"};$( "form...
jQuery 反序列化插件 概述: 这个插件包含两个函数,它们的工作方式与 jQuery 的“serialize()”函数相反。 也就是说,“序列化”采用一种形式(或输入的集合)并为 HTTP 请求返回正确的序列化字符串,此插件中的...
通过$(#form).serialize()可以获取到序列化的表单值字符串。 例如: a=1&b=2&c=3&d=4&e=5 通过$(#form).serializeArray()输出以数组形式序列化表单值。 [ {name: 'firstname', value: 'Hello'}, {name: '...
而且用jquery对表单序列化的时候,返回的格式是一个数组,还需要作进一步转换。其实只要我们在ajax方法中配置一些东西就可以完成。代码如下: <form id="ff"> <input type="text" name="test1"/> <...
在日常开发的过程中,难免会用到form表单,我们需要获取表单的数据保存到数据库,... * 将form里面的内容序列化成json * 相同的checkbox用分号拼接起来 * @param {dom} 指定的选择器 * @param {obj} 需要拼接在后面