文档章节

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
粉丝 2
博文 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

没有更多内容

加载失败,请刷新页面

加载更多

ubuntu或ubuntu kylin优麒麟中安装QQ、wechat微信、百度网盘

从中国国内的地址下载deepin wine,码云上的。这样网速比较快。然后,按照说明向下安装。 https://gitee.com/wszqkzqk/deepin-wine-for-ubuntu...

gugudu
14分钟前
1
0
基于redis分布式锁实现“秒杀”

最近在项目中遇到了类似“秒杀”的业务场景,在本篇博客中,我将用一个非常简单的demo,阐述实现所谓“秒杀”的基本思路。 业务场景 所谓秒杀,从业务角度看,是短时间内多个用户“争抢”资源...

别打我会飞
33分钟前
10
0
Zookeeper的实践指南

本章重点 1.数据存储2.基于Java API初探Zookeeper的使用3.深入分析Watcher机制的实现原理4.Curator客户端的使用,简单高效 数据存储 事务日志快照日志运行时日志 bin/zookeepe...

须臾之余
37分钟前
1
0
MySQL mybatis Point类型数据

MySQL中的point用于表示GIS中的地理坐标,在GIS中广泛使用 如何写入mysql,如下图: CREATE TABLE `test-point` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '序号', `point` ......

张欢19933
48分钟前
2
0
设计模式-适配器模式

适配器模式 适配器模式(Adapter Pattern)是作为两个不兼容的接口之间的桥梁。这种类型的设计模式属于结构型模式,它结合了两个独立接口的功能。 这种模式涉及到一个单一的类,该类负责加入...

HOT_POT
今天
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部