`

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序列化成对象js

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

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

    最后,$.fn.form2json()是利用上述逻辑封装的一个jQuery扩展,它将上述步骤整合在一起,为表单序列化为JSON对象提供了一个完整的解决方案。开发者只需要调用这个扩展方法,就能够将表单中的数据转换成JSON格式,进而...

    jQuery扩展将复杂form表单转成json对象

    在JavaScript开发中,jQuery库是广泛使用的工具,它简化了DOM操作、事件处理以及Ajax交互。在处理HTML表单(form)数据...通过自定义jQuery插件,我们可以根据需求定制化表单序列化的逻辑,以适应各种复杂的业务场景。

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

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

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

    总结起来,通过上述步骤,我们可以使用jQuery将HTML表单元素序列化为JSON对象,这在与服务器进行数据交互时非常有用。这个过程包括了选择表单元素、序列化为数组、处理同名元素以及将数据结构转换为JSON格式。这个...

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

    jQuery提供了一个方便的方法来序列化表单数据,并将其转换为JSON对象,这在使用Ajax提交表单时特别有用。本文将通过一个示例来讲解如何使用jQuery实现这一功能。 首先,我们需要一个HTML表单,如下所示: ```html ...

    将表单序列化为json对象

    1. **Ajax请求**:在发起Ajax请求时,可以直接将序列化后的JSON对象作为参数发送。 2. **表单验证**:在客户端进行表单验证时,可以利用JSON对象快速访问各个字段的值。 3. **数据存储**:在本地存储表单数据时,...

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

    我在网上看到有人用替换的方法,先用serialize序列化后,将&替换成“:”、“‘”: /** * 重置form表单 * @param formId form的id */ function resetQuery(formId){ var fid = # + formId; var str = $(fid)....

    jquery form

    表单序列化** jQuery Form插件还提供了`serialize`和`serializeArray`方法,用于将表单数据转换为URL编码的字符串或JSON格式数组,便于发送到服务器。 **6. 异步上传文件** 对于包含文件输入的表单,jQuery Form...

    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 json

    4. **序列化表单数据为JSON**:jQuery提供`serializeArray()`和`serializeObject()`(非官方插件)方法将表单数据转换为JSON格式,便于发送Ajax请求: ```javascript var formData = $('form').serializeArray();...

    jquery自动将form表单封装成json的具体实现

    `data`就是前面序列化得到的JSON对象数组。`dataType`设置为'json',告诉jQuery预期服务器返回的数据类型为JSON。`success`回调函数则用于处理服务器返回的数据。 在后端,服务器会接收到JSON格式的数据,并进行...

    关于jquery form表单序列化的注意事项详解

    本文将深入探讨jQuery中`form`表单序列化时需要注意的事项,以及如何正确使用这一功能。 首先,我们要明白表单序列化的主要方法是`$.serialize()`和`$.serializeArray()`。`$.serialize()`将表单数据转换为字符串,...

Global site tag (gtag.js) - Google Analytics