jquery中serialize()
文章目录
- 前言
- 一、定义和用法
- 二、使用
- 三、注意事项
前言
我们在表单ajax请求中,往往会传递一些参数,要是一个个获取感觉很麻烦,于是jQuery提供serialize()方法,让我们可以方便快捷的获取到表单中想要的值。
一、定义和用法
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
$("form").serialize()
二、使用
.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
<form action=""><p>用户名:<input type="text" name="mames"></p><p>密码:<input type="text" name="pass"></p><p>性别: <select name="sex" id=""><option>男</option><option>女</option></select></p><p>描述:<textarea id="" cols="30" rows="10" name="ms"></textarea></p><p><input type="button" value="提交" id="btn"></p></form>
serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 input,textarea 以及 select。不过,选择 form 标签本身进行序列化一般更容易些:
<script src="./jquery-1.12.4.js"></script>$("#btn").click(function() {var pa = $("form").serialize()console.log(pa);})
通过上图可以看到输入中文乱码了,这是因为.serialize()自动调用了encodeURIComponent方法将数据编码了,解决办法就是调用decodeURIComponent(XXX,true);将数据解码。
pa = decodeURIComponent(pa, true);
三、注意事项
- 如果表单元素没有name属性 就获取不到(必须要有name属性)
<p>用户名:<input type="text" name="mames"></p>
<p>密码:<input type="text"></p>
- 必须要写在表单里面,即使有name也获取不到
<form action=""><p>用户名:<input type="text" name="mames"></p><p><input type="button" value="提交" id="btn"></p></form><p>密码:<input type="text"></p>
- 获取不到上传的文件,如果想要获取,需要使用FormDate对象。
jquery中serialize()相关推荐
- jquery中serialize()序列化函数
全栈工程师开发手册 (作者:栾鹏) jquery系列教程6-AJAX全解 jquery中serialize()序列化函数 serialize()序列化,将元素转化为xx=xx&xx=xx&am ...
- jQuery 中 serialize() 、 serializeArray()和 $.param 的用法
示例: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8& ...
- JQuery中serialize()、serializeArray()和param()方法
2019独角兽企业重金招聘Python工程师标准>>> 与JQuery中其他方法一样,serialize()方法也是作用于一个JQuery对象,它能够将DOM元素内容序列化为字符串, ...
- JQuery中serialize()、serializeArray()和param()方法示例介绍
在项目中做form表单提交的时候,如果参数比较少,可以通过jquery一个个取得,但是当 form表参数很多的情况下,还是一一取得的话无疑是加大了工作量,那我们需要咱们获取到表单的所有参数呢,幸好,j ...
- JQuery中serialize()、serializeArray()和param()的使用方法
1. serialize()方法 语法:$(selector).serialize() 输出序列化表单的字符串,文件上传控件(例如:<input type="file" na ...
- jQuery中常用的函数方法总结
jQuery中为我们提供了很多有用的方法和属性,自己总结的一些常用的函数,方法.个人认为在www.21kaiyun.com的紫微斗数星座在线排盘开发中会比较常用的,仅供大家学习和参考. 事件处理 re ...
- jQuery中的常用内容总结(一)
jQuery中的常用内容总结(一) 前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的:同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治 ...
- jQuery 之 serialize() serializeArray()
jQeury提供了2个帮助获取表单元素数据的方法.分别是serialize() 和 serializeArray().两者作用完全相同,只不过是返回值不同,前者是返回一个字符串,后者返回一个Json ...
- jQuery中FormData的使用
web中数据提交事件是常常发生的,但是大多数情况下我们不希望使用html中的form表单提交,因为form表单提交会中断当前浏览器的操作并且会调到另一个地址(即使这个地址是当前页面),并且会重复加载一 ...
最新文章
- Monkey Server自动化脚本
- VTK修炼之道71:交互与Widget_观察者/命令模式
- div 不受父级标签影响_前端H5开发中常用的标签
- mysql 字段 中文_如何配置mysql支持中文字段名与中文字段
- ❤️❤️❤️【资料免费领取】简历模板、职场PPT模板、硬核学习资料+PDF资料(Java、Python、大数据、机器学习)❤️❤️❤️
- 从前端html 来限制删除去掉csdn页面广告
- Python 全国考级二级
- oracle操作记录
- FatFs- 通用FAT文件系统模块
- vue子组件给父组件传值
- 列表套字典三者匹配对应关系
- storm风暴英雄 tempo_《绝地求生》Tempo Storm北美黑马,掌控战场
- # 你也可以在你的微信 or QQ头像添加小国旗了,超简单!
- html中颜色取样器工具,photoshop基础教程:颜色取样器工具的使用详解
- 剑指offer系列之树(p61-63)
- Python GUI教程:信号、槽、事件
- 卷积神经网络卷积,池化,全连接--笔记01
- S32DS Components组件配置
- 玩转数据结构之双向循环链表
- syntaxhighlighter修饰代码时,底部出现水平滚动条
热门文章
- 怎么用python爬小说统计词频_python小练习爬取《寻梦环游记》评论并做词频统计...
- 阿迪、耐克过去式,李宁、安踏、特步现在时
- 斐讯N1刷无线打印服务器,N1刷op固件的小白步骤 - 斐讯无线路由器以及其它斐迅网络设备 - 恩山无线论坛 - Powered by Discuz!...
- 基于python和TensorFlow的电影推荐系统
- VMware虚拟机下安装RedHat Linux 9.0
- 计算机网络总复习(一)——选择篇
- 修改autor后面邮箱_最后冲刺!2020年国自然标书终极修改和形式审查要点!!!...
- linux安卓开发教程视频教程,陈超 FFMPEG跨平台iOSAndroidLinux高级开发实战视频教程...
- 使命召唤手游如何在电脑上玩 使命召唤手游模拟器教程
- [架构之路-26]:目标系统 - 系统软件 - bootloader uboot使用方法、常用命令