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 相关文章推荐
Js之软键盘实现(js源码)
Jan 30 Javascript
事件绑定之小测试  onclick && addEventListener
Jul 31 Javascript
jquery限制输入字数,并提示剩余字数实现代码
Dec 24 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
AngularJS使用自定义指令替代ng-repeat的方法
Sep 17 Javascript
谈谈JavaScript中浏览器兼容问题的写法小议
Dec 17 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
Feb 22 Javascript
Mobile Web开发基础之四--处理手机设备的横竖屏问题
Aug 11 Javascript
vue-cli webpack2项目打包优化分享
Feb 07 Javascript
vue2.x 通过后端接口代理,获取qq音乐api的数据示例
Oct 30 Javascript
JavaScript事件冒泡机制原理实例解析
Jan 14 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实现指定字段的多维数组排序函数分享
2015/03/09 PHP
一段实时更新的时间代码
2006/07/07 Javascript
经常用到的JavasScript事件的翻译
2007/04/09 Javascript
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
jquery $.each() 使用小探
2013/08/23 Javascript
Extjs4实现两个GridPanel之间数据拖拽功能具体方法
2013/11/21 Javascript
DOM事件阶段以及事件捕获与事件冒泡先后执行顺序(图文详解)
2015/08/18 Javascript
基于JavaScript制作霓虹灯文字 代码 特效
2015/09/01 Javascript
Angularjs中的事件广播 —全面解析$broadcast,$emit,$on
2016/05/17 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
2016/09/05 Javascript
JS实现页面打印(整体、局部)
2017/08/18 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
快速搭建vue2.0+boostrap项目的方法
2018/04/09 Javascript
对angularJs中controller控制器scope父子集作用域的实例讲解
2018/10/08 Javascript
vue 项目接口管理的实现
2019/01/17 Javascript
详解微信图片防盗链“此图片来自微信公众平台 未经允许不得引用”的解决方案
2019/04/04 Javascript
VUE UPLOAD 通过ACTION返回上传结果操作
2020/09/07 Javascript
总结用Pdb库调试Python的方式及常用的命令
2016/08/18 Python
Python之自动获取公网IP的实例讲解
2017/10/01 Python
Python中enumerate函数代码解析
2017/10/31 Python
利用TensorFlow训练简单的二分类神经网络模型的方法
2018/03/05 Python
Sanic框架安装与简单入门示例
2018/07/16 Python
Python开发网站目录扫描器的实现
2019/02/21 Python
Html5实现单张、多张图片上传功能
2019/04/28 HTML / CSS
美国领先的礼品卡网站:GiftCards.com
2016/11/02 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
高中生学习总结的自我评价范文
2013/10/13 职场文书
幼儿如何来做好自我评价
2013/11/05 职场文书
国际贸易专业个人求职信范文分享
2013/12/14 职场文书
你懂得怎么写自荐信吗?
2013/12/27 职场文书
2014全国两会心得体会
2014/03/17 职场文书
寄语学生的话
2014/04/10 职场文书
清洁员岗位职责
2015/02/15 职场文书
详解Python自动化之文件自动化处理
2021/06/21 Python
Win10本地连接不见了怎么恢复? win10系统电脑本地连接不见了解决方法
2023/01/09 数码科技