使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作。如:
<form id="form1">
<input name="name1" type="text" value="pipi" />
<input name="name2" type="radio" value="1" checked/>boy<input name="name2" type="radio" value="0"/>girl
<textarea name="name3">test</textarea>
</form>
使用:
$("#form1").serialize();
结果:
name1=pipi&name2=1&name3=test
但是有个问题,如果是下面的情况:
<form id="form1">
<input name="name" type="text" value="pipi" />
<input name="blog" type="text" value="blue submarine" />
</form>
使用:
$("#form1").serialize();
结果:
name1=pipi&blog=blue+submarine
就是如何能让+号变回空格呢?
还有一个问题,如下所示:
<form id="form1">
<input name="length" type="text" value="pipi" />
<input name="blog" type="text" value="blue submarine" />
</form>
使用:
$("#form1").serialize();
结果:
blog=blue+submarine
没法出现length=pipi
原因是length是js数组的属性关键字,出现冲突了,将name改为其他非冲突字符串即可
分享到:
相关推荐
Jquery serialize() 中文乱码及解决方法 的文档形式 Jquery
serialize() 方法创建以标准 URL 编码表示的文本字符串,下面为大家介绍下jQuery serialize方法的使用
jquery的serialize方法把中文转化成GBK的编码方式。
前端项目-jquery-serialize-object,serialize form fields into an object or JSON
使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作接下来介绍jQuery ajax - serialize() 方法定义和用法,感兴趣的朋友可以了解下啊,希望本文对你有所...
serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 ...
jquery提供的serialize方法能够实现。 $("#searchForm").serialize(); 但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。 serialize确实是能够解决一般的提交数据。但是...
自己写的一个jquery复杂表单序列化工具
本文导读:在jQuery中,当我们使用ajax时,常常需要拼装input数据以键值对(Key/Value)的形式发送到服务器,用JQuery的serialize方法可以轻松的完成这个工作,使用这个方法可以将表单序列化为键值对(key1=value1&...
jquery.serialize() 函数语法及简洁实例_.docx
jQuery ajax中数据以键值对(Key/Value)的形式发送到服务器,使用ajax提交表单数据时可以使用jQuery ajax的serialize() 方法表单序列化为键值对(key1=value1&key2=value2…)后提交。serialize() 方法使用标准的 ...
NULL 博文链接:https://xiongjiajia.iteye.com/blog/1562229
主要介绍了jQuery中:checkbox选择器用法,实例分析了:checkbox选择器的功能、定义及匹配复选框的使用技巧,需要的朋友可以参考下
jQuery – serialize() 方法 W3School给出的定义与用法: serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化...
本文实例讲述了jQuery基于ajax()使用serialize()提交form数据的方法。分享给大家供大家参考,具体如下: jQuery的serialize()方法通过序列化表单值,创建URL编码文本字符串,我们就可以选择一个或多个表单元素,也...
JavaWeb新版教程. JSON和Ajax请求&i18n国际化X-jQuery的serialize方法.avi
jQuery 序列化对象 为 Meteor 提供 Ben Alman 的 jquery 方法。 安装 meteor add suxez:jquery-serialize-object 作者 是原始 serializeObject 方法的作者 维护这个流星包 执照 麻省理工学院