form 表单序列化 serialize

在开发中有时需要在js中提交form表单数据，就需要将form表单进行序列化。

jquery提供的serialize方法能够实现。

$("#searchForm").serialize();

但是，观察输出的信息，发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。

例如以下代码：

<form id="searchForm"><input name="id" value="123"/><input name="cx" value="lklj"/>
</form>
<script type="text/javascript">console.info($("#searchForm").serialize());
</script>

输出结果是：id=123&cx=lklj

serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象，而不是字符串（比如jqgrid reload时设置查询条件参数，就需要object对象）。

所以就需要提供一个能将form转化为对象的方法。参考自：http://www.cnblogs.com/yeminglong/p/3799282.html

(function(window, $) {$.fn.serializeJson = function() {var serializeObj = {};var array = this.serializeArray();var str = this.serialize();$(array).each(function() {if (serializeObj[this.name]) {if ($.isArray(serializeObj[this.name])) {serializeObj[this.name].push(this.value);} else {serializeObj[this.name] = [serializeObj[this.name], this.value ];}} else {serializeObj[this.name] = this.value;}});return serializeObj;};
})(window, jQuery);

调用插件：

console.info($("#searchForm").serializeJson());

输出结果：Object {id: "123", cx: "lklj"}

form 表单序列化 serialize相关推荐

原生js实现form表单序列化的方法
当我们有form表单而且里面的表单元素较多时,咱们总不能一个个去获取表单元素内的值来进行拼接吧!这样会很让人蛋疼!为了方便与后台交互并且提高自己的开发效率,并且不让你蛋疼:我们一起用原生来写一个表单序 ...
form表单序列化问题 checkbox没法序列化
form表单序列化问题 $.ajax({ type: "post", data: $("#ticketShow").serialize(), dataType: ...
form表单序列化转换为json对象
form表单序列化转换为json对象 //form表单序列化转换为json对象 (function($){$.fn.serializeJson=function(){var serializeObj= ...
表单序列化serialize()和serializeArray()的区别以及后台接收
表单序列化serialize()和serializeArray()的区别以及后台接收 function add() {var data = $("#systemForm").ser ...
使用FormData对form表单序列化
一.FormData作用将form表单元素的name与value进行组合,实现表单数据的序列化异步上传二进制文件二.创建formData对象  ...
jq表单序列化 serialize() serializeArray()的使用
系列文章目录文章目录系列文章目录前言一.方法二.jq 涉及方法说明 1.serialize() 方法: 2.serializeArray() 方法: 前言问题 :如何快速获取form表单内 ...
jQuery form表单的serialize()参数和其他参数如何一起传给后端
在前端给后端传递参数时,有时候form表单,我们为了方便,直接可以通过 var formData=$("#formid").serialize();来统一传给后端,这样可以节省很多 ...
form表单序列化数组
**第一种**//form表单批量添加name序号相同的序列化数组例如:--------例如开始-------------sex1, name1,age1 :sex2, name2,age2 :序号相 ...
form表单序列化JSON
1. 简单属性的表单域,序列化后只有一层JSON对象 /*** 功能:序列化form表单数据成Json对象* 1.name均是简单的一级对象* 2.同名的name属性,值会被序列化为数组,例如chec ...

form 表单序列化 serialize

form 表单序列化 serialize相关推荐

最新文章

热门文章