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获取GridView中用户点击控件的行号,列号
Apr 14 Javascript
JavaScript中的object转换成number或string规则介绍
Dec 31 Javascript
jQuery在页面加载时动态修改图片尺寸的方法
Mar 20 Javascript
JS模仿手机端九宫格登录功能实现代码
Apr 28 Javascript
AngularJS 表达式详细讲解及实例代码
Jul 26 Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
Nov 18 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
Jan 22 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
小程序最新获取用户昵称和头像的方法总结
Sep 23 Javascript
JavaScript实现省市联动效果
Nov 22 Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 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中的字符串函数
2006/11/24 PHP
ThinkPHP3.1新特性之多数据库操作更加完善
2014/06/19 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
PHP goto语句用法实例
2019/08/06 PHP
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
jquery序列化表单以及回调函数的使用示例
2014/07/02 Javascript
Jquery实现仿腾讯微博发表广播
2014/11/17 Javascript
jQuery实现表格展开与折叠的方法
2015/05/04 Javascript
在 Angular 中实现搜索关键字高亮示例
2017/03/21 Javascript
简述jQuery Easyui一些用法
2017/08/01 jQuery
Three.js利用顶点绘制立方体的方法详解
2017/09/27 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
Nuxt 嵌套路由nuxt-child组件用法(父子页面组件的传值)
2020/11/05 Javascript
解决vue初始化项目一直停在downloading template的问题
2020/11/09 Javascript
[43:24]完美世界DOTA2联赛PWL S3 INK ICE vs DLG 第二场 12.12
2020/12/17 DOTA
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
scrapy爬虫实例分享
2017/12/28 Python
Python进阶之尾递归的用法实例
2018/01/31 Python
python OpenCV学习笔记实现二维直方图
2018/02/08 Python
python组合无重复三位数的实例
2018/11/13 Python
Python3 Post登录并且保存cookie登录其他页面的方法
2018/12/28 Python
详解利用OpenCV提取图像中的矩形区域(PPT屏幕等)
2019/07/01 Python
python将三维数组展开成二维数组的实现
2019/11/30 Python
C++的几个面试题附答案
2016/08/03 面试题
汇源肾宝广告词
2014/03/20 职场文书
中学生检讨书范文
2014/11/03 职场文书
质量保证书格式模板
2015/02/27 职场文书
2015年社区统计工作总结
2015/04/21 职场文书
三八节活动主持词
2015/07/04 职场文书
《狼牙山五壮士》读后感:宁死不屈,视死如归
2019/08/16 职场文书
详解PyTorch模型保存与加载
2022/04/28 Python
MySQL约束(创建表时的各种条件说明)
2022/06/21 MySQL