文档章节

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 提交form表单

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

背起行囊去远行
2013/03/20
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的serialize()使用注意

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

彭苏云
2015/06/14
0
1
六、jQuery与Ajax的应用

Ajax全称为"Asynchronous JavaScript and XML"(异步JavaScript和XML),它并不是指一种单一的技术,而是有机地利用了一系列交互式网页应用相关的技术所形成的结合体。它的出现,揭开了无刷新...

Winnie007
2015/11/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

74.expect脚本同步文件以及指定host同步文件 构建分发系统文件和命令

20.31 expect脚本同步文件: 在expect脚本中去实现在一台机器上把文件同步到另外一台机器上去。核心命令用的是rsync ~1.自动同步文件 #!/usr/bin/expect set passwd "123456" spawn rsync -a...

王鑫linux
19分钟前
0
0
TypeScript项目引用(project references)

转发 TypeScript项目引用(project references) TypeScript新特性之项目引用(project references) 项目引用是TypeScript 3.0中的一项新功能,允许您将TypeScript程序构建为更小的部分。 通过这...

durban
24分钟前
0
0
爬虫入门

导读 网络爬虫(Web crawler),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本,它们被广泛用于互联网搜索引擎或其他类似网站,可以自动采集所有其能够访问到的页面内容,以获取...

问题终结者
24分钟前
0
0
ppwjs之bootstrap文字排版:无序列表项不换行

<!DOCTYPT html><html><head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><title>ppwjs欢迎您</title><link rel="icon" href="/favicon.ico" ......

ppwjs
31分钟前
0
0
SpringBoot 学习一

本文将从以下几个方面介绍: 前言 HelloWorld 读取配置文件 例子(CURD) 前言 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架...

tsmyk0715
31分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部