JQuery中serialize()、serializeArray()和param()的使用方法
1. serialize()方法
语法:$(selector).serialize()
输出序列化表单的字符串,文件上传控件(例如:<input type="file" name="myfile"/>)类型的表单数据会被自动忽略,也就是说不会出现在序列化字符串中。
比如有下面这样的一个表单,用$("form").serialize()序列化后得到的结果是:a=1&b=2&c=3
<form><div><input type="text" name="a" value="1" id="a" /></div><div><input type="text" name="b" value="2" id="b" /></div><div><input type="hidden" name="c" value="3" id="c" /></div> <div><input type="file" name="myfile"/></div>
</form>
serialize() 方法也可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>,只需要修改selector就可以了。
2. param()方法
这个方法很简单,就是序列化一个key/value对象,请看下面的例子:
var params = { width:1900, height:1200 }; var str = jQuery.param(params); $("#results").text(str);
结果:
width=1680&height=1050
3. serializeArray()方法
serializeArray() 方法通过序列化表单值来创建对象数组(名称和值)。
你可以选择一个或多个表单元素(比如 input 及/或 textarea),或者 form 元素本身。
serializeArray() 方法序列化表单元素(类似 .serialize() 方法),返回 JSON 数据结构数据。
注意:此方法返回的是 JSON 对象而非 JSON 字符串。需要使用插件或者第三方库进行字符串化操作。
返回的 JSON 对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对 —— name 参数和 value 参数(如果 value 不为空的话)。举例来说:
[ {name: 'firstname', value: 'Hello'}, {name: 'lastname', value: 'World'},{name: 'alias'}, // 值为空 ]
.serializeArray() 方法使用了 W3C 关于 successful controls(有效控件) 的标准来检测哪些元素应当包括在内。特别说明,元素不能被禁用(禁用的元素不会被包括在内),并且元素应当有含有 name 属性。提交按钮的值也不会被序列化。文件选择元素的数据也不会被序列化。
转载于:https://www.cnblogs.com/hzzhao/p/5264670.html
JQuery中serialize()、serializeArray()和param()的使用方法相关推荐
- jQuery 中 serialize() 、 serializeArray()和 $.param 的用法
示例: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- jquery中serialize()序列化函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中serialize()序列化函数 serialize()序列化,将元素转化为xx=xx&xx=xx&am ...
- JQuery中serialize()、serializeArray()和param()方法
2019独角兽企业重金招聘Python工程师标准>>> 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串, ...
- JQuery中serialize()、serializeArray()和param()方法示例介绍
在项目中做form表单提交的时候,如果参数比较少,可以通过jquery一个个取得,但是当 form表参数很多的情况下,还是一一取得的话无疑是加大了工作量,那我们需要咱们获取到表单的所有参数呢,幸好,j ...
- jQuery 之 serialize() serializeArray()
jQeury提供了2个帮助获取表单元素数据的方法.分别是serialize() 和 serializeArray().两者作用完全相同,只不过是返回值不同,前者是返回一个字符串,后者返回一个Json ...
- jquery中serialize()
文章目录 前言 一.定义和用法 二.使用 三.注意事项 前言 我们在表单ajax请求中,往往会传递一些参数,要是一个个获取感觉很麻烦,于是jQuery提供serialize()方法,让我们可以方便快捷 ...
- jquery动态追加html,jQuery中几种动态追加元素的方法
几乎所有网站的开发都离不开jQuery,jQuery可以很方便的实现网页中的一些效果,也很轻松的对网页中的一些DIV元素进行添加,修改或删除的操作.今天我们就说一说,如何对网页中某个指定的DIV进行元 ...
- jquery中删除元素的remove()方法
今天看jquery中删除元素的方法,包括remove()方法和empty() 方法 remove()方法为删除被选元素及子元素 empty() 方法为删除元素中的子元素 其中remove()方法还有一 ...
- java ajax serialize,jQuery使用serialize(),serializeArray()方法取得表单数据
$.ajax({ type: "POST", url:"ajax.php", data:$('#formID').serialize(),// 要提交的表单 s ...
最新文章
- 附加没有日志文件的数据库方法
- spring生命周期_理解Spring应用上下文生命周期
- 20220129CTF刷题-- WEB方向
- mysql为什么行数据库_关系数据表中的行称为什么?
- 使用Gradle将JAR工件发布到Artifactory
- linux搭建django项目基本步骤
- Golang的context理解
- 大学计算机思维导论第七讲答案,中国大学MOOC计算思维导论网课答案
- Pyinstaller:moviepy打包报错AttributeError: module ‘moviepy.audio.fx.all‘ has no attribute ‘audio_fadein‘
- Centos7.5 系统使用pptpd搭建服务器
- 神经系统位置图高清,中枢神经系统位置图
- flexpaper组件中关于隐藏真实的swf 地址下载
- 单招考计算机一般考什么科目,单招考试考什么内容 单招都考什么科目
- 柏拉图团队-手把手教你发代币(二)remix入门
- Matlab求出图像中每个细胞的细胞核与核仁面积之比代码
- 【JavaScript 刨根问底之】requestAnimationFrame以及延时器
- 空间数据可视化神器,Pydeck!
- 男人30岁以前应该做的23件事
- 怎样提高英文论文写作水平[转载]
- python附加篇setup打包篇