JS按条件 serialize() 对应标签的使用方法


Posted in Javascript onJuly 24, 2017

erialize()定义和用法:

serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素(比如input或文本框),或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

语法:

$(selector).serialize()

serialize 非常方便的帮我们创建 URL 编码文本字符串

输出的字符串格式为 a=1&b=2&c=3  直接可用于Url传参

下面介绍一下选择性的序列化某些标签的使用方法

将 class 为 searchFrom 下面的类型为text的input标签  序列化

var params = $(".searchFrom input[type=text]").serialize();

多条件写法

var params = $(".searchFrom input[type=text],input[type=hidden],input[type=radio]").serialize();

总结

以上所述是小编给大家介绍的JS按条件 serialize() 对应标签的使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
用javascript自动显示最后更新时间
Mar 15 Javascript
Prototype1.6 JS 官方下载地址
Nov 30 Javascript
JS关键字变色实现思路及代码
Feb 21 Javascript
jquery的幻灯片图片切换效果代码分享
Sep 07 Javascript
js判断某个字符出现的次数的简单实例
Jun 03 Javascript
JavaScript基本语法_动力节点Java学院整理
Jun 26 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
webstorm添加*.vue文件支持
May 08 Javascript
vue.js图片转Base64上传图片并预览的实现方法
Aug 02 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
javascript利用键盘控制小方块的移动
Apr 20 Javascript
正则表达式基础与常用验证表达式
Jun 16 Javascript
vue2.0的contextmenu右键弹出菜单的实例代码
Jul 24 #Javascript
关于vue-resource报错450的解决方案
Jul 24 #Javascript
JavaScript中的FileReader图片预览上传功能实现代码
Jul 24 #Javascript
react-router4 嵌套路由的使用方法
Jul 24 #Javascript
关于react-router的几种配置方式详解
Jul 24 #Javascript
简单实现js放大镜效果
Jul 24 #Javascript
Vue列表页渲染优化详解
Jul 24 #Javascript
You might like
PHP利用COM对象访问SQLServer、Access
2006/10/09 PHP
PHP4引用文件语句的对比
2006/10/09 PHP
flash用php连接数据库的代码
2011/04/21 PHP
用来解析.htgroup文件的PHP类
2012/09/05 PHP
win7 64位系统 配置php最新版开发环境(php+Apache+mysql)
2014/08/15 PHP
php中filter_input函数用法分析
2014/11/15 PHP
PHP SPL标准库之SplFixedArray使用实例
2015/05/12 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
laravel 解决Validator使用中出现的问题
2019/10/25 PHP
斜45度寻路实现函数
2009/08/20 Javascript
jquery实现文字由下到上循环滚动的实例代码
2013/08/09 Javascript
jQuery圆形统计图开发实例
2015/01/04 Javascript
angularjs学习笔记之完整的项目结构
2015/09/26 Javascript
更靠谱的H5横竖屏检测方法(js代码)
2016/09/13 Javascript
jQuery leonaScroll 1.1 自定义滚动条插件(推荐)
2016/09/17 Javascript
JS实现图片放大缩小的方法
2017/02/15 Javascript
JavaScript数据结构之优先队列与循环队列实例详解
2017/10/27 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
JavaScript创建对象方式总结【工厂模式、构造函数模式、原型模式等】
2018/12/19 Javascript
使用Angular自定义字段校验指令的方法示例
2019/02/01 Javascript
jQuery内容选择器与表单选择器实例分析
2019/06/28 jQuery
JS 实现发送短信验证码的“59秒后重新发送验证短信”功能
2019/08/23 Javascript
Django项目中添加ldap登陆认证功能的实现
2019/04/04 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
对django后台admin下拉框进行过滤的实例
2019/07/26 Python
简述python Scrapy框架
2020/08/17 Python
Python通过getattr函数获取对象的属性值
2020/10/16 Python
python 模块导入问题汇总
2021/02/01 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
如何在Canvas中添加事件的方法示例
2019/05/21 HTML / CSS
暑期社会实践方案
2014/02/05 职场文书
信息管理专业自荐书
2014/06/05 职场文书
2015年维修工作总结
2015/04/25 职场文书
2015年教师师德师风承诺书
2015/04/28 职场文书
保护环境建议书作文500字
2015/09/14 职场文书
MySQL之高可用集群部署及故障切换实现
2021/04/22 MySQL