文档章节

JQuery的serialize()方法

We911
 We911
发布于 2017/02/08 10:13
字数 228
阅读 4
收藏 0

JQuery的serialize()方法

使用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改为其他非冲突字符串即可

本文转载自:http://blog.csdn.net/liduanw/article/details/8191654

共有 人打赏支持
We911
粉丝 1
博文 63
码字总数 0
作品 0
深圳
程序员
私信 提问
jQuery ajax - serialize()方法以及常见问题

使用ajax时,常常需要拼装input数据为'name=abc&sex=1'这种形式,用JQuery的serialize方法可以轻松的完成这个工作! jQuery ajax - serialize() 方法定义和用法 serialize() 方法通过序列化表...

freedonn
2014/05/10
0
0
jquery -ajax 提交表单(form) 更换提交地址

原生态手写部分: <form id="myForm" name="searchForm" method="post"><input type="text" name="abc" value=""><input type="button" class='button' id="lastinput" value="确认提交"/></......

oiio
2013/04/22
0
0
jquery 提交form表单

这个其实挺简单的,只是一开始我想错了,一开始我打算用jQuery + jQuery.form插件来做,其实不必的,只需要jQuery插件就可以了。首先,在jsp页面中导入jQuery, <script type="text/javascr...

背起行囊去远行
2013/03/20
0
0
关于Jquery的serialize()使用注意

我使用Jquery的serialize方法的目的是想方便的收集form下的表单域,但是不小心的话,收集回的信息不是你想要的。 举个例子:我们需要根据名字查询列表,名字是可以输入中文的,然后你用 aler...

彭苏云
2015/06/14
0
1
jQuery ajax - serialize() 方法

定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请求...

凯文加内特
2015/01/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Ugly Number(leetcode263)

Write a program to check whether a given number is an ugly number. Ugly numbers are positive numbers whose prime factors only include 2, 3, 5. Example 1: Input: 6Output: true......

woshixin
16分钟前
0
0
深度模型从研者 眼里的 似然估计 & Hessain 海森矩阵 & Fisher Information (费雪信息)

深度模型的训练的基本依据是最小化模型拟合数据的误差。旨在不仅知其然(如何构建和训练一个深度模型),还应知其所以然(为什么这样训练,可以做哪些优化)。我们就会发现,有很多研究者,在...

刘小米_思聪
20分钟前
0
0
阿里巴巴智能监控新场景的探索

摘要: 智能监控是智能运维的子领域,详细分析。 作者简介 王肇刚 阿里巴巴全球运行指挥中心高级技术专家 智能监控是智能运维的子领域,我们说的监控,探讨的更多是在监控策略,因为可能从数...

阿里云官方博客
23分钟前
1
0
【双十二】12 月 12 日 12 点 12 分限量抢福利,云计算不剁手!

活动详情 1.首充豪礼 双十二当日,新用户首充 200 元送 200 元代金券!仅限前 88 名!先到先得!拼手速!(新用户指 12 月 12 日前已完成注册但从未充值过的用户)
 2.超值返券 双十二当日,...

七牛云
48分钟前
3
0
Calculate Linux 发布 18 LXQt是基于Gentoo的发行版

导读 Calculate Linux 是一个基于 Gentoo 并与 Gentoo 完全兼容的滚动更新发行版家族,专为企业环境下的快速部署而优化。其提供多个不同的分支版本,分别适用于桌面、服务器等应用场景。该项...

问题终结者
51分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部