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 相关文章推荐
JQuery上传插件Uploadify使用详解及错误处理
Apr 27 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
js获取窗口相对于屏幕左边和上边的位置坐标
May 15 Javascript
Jquery跨浏览器文本复制插件Zero Clipboard的使用方法
Feb 28 Javascript
页面向下滚动ajax获取数据的实现方法(兼容手机)
May 24 Javascript
原生js验证简洁注册登录页面
Dec 17 Javascript
如何解决vue与传统jquery插件冲突
Mar 20 Javascript
ES6下React组件的写法示例代码
May 04 Javascript
Parcel.js + Vue 2.x 极速零配置打包体验教程
Dec 24 Javascript
webpack+vue-cli项目中引入外部非模块格式js的方法
Sep 28 Javascript
js验证密码强度解析
Mar 18 Javascript
js 数组 fill() 填充方法
Nov 02 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中static,const与define的使用区别
2013/06/18 PHP
php实现的简单日志写入函数
2015/03/31 PHP
WordPress中编写自定义存储字段的相关PHP函数解析
2015/12/25 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
PHP simplexml_load_string()函数实例讲解
2019/02/03 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
2012/03/01 Javascript
Javascript中的getUTCDay()方法使用详解
2015/06/10 Javascript
JS+CSS实现DIV层的展开、收缩效果
2016/01/28 Javascript
Bootstrap按钮组件详解
2016/04/26 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
BootStrap按钮标签及基本样式
2016/11/23 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
vue项目页面嵌入代码块vue-prism-editor的实现
2020/10/30 Javascript
微信小程序实现页面监听自定义组件的触发事件
2020/11/01 Javascript
[01:54]TI4西雅图DOTA2选手欢迎晚宴 现场报道
2014/07/08 DOTA
详解Python进阶之切片的误区与高级用法
2018/12/24 Python
利用python脚本如何简化jar操作命令
2019/02/24 Python
Django Sitemap 站点地图的实现方法
2019/04/29 Python
python面试题之列表声明实例分析
2019/07/08 Python
Windows下PyCharm2018.3.2 安装教程(图文详解)
2019/10/24 Python
Pytorch自己加载单通道图片用作数据集训练的实例
2020/01/18 Python
tensorflow 初始化未初始化的变量实例
2020/02/06 Python
Luxplus荷兰:以会员价购买美容产品等,独家优惠
2019/08/30 全球购物
C语言开发工程师测试题
2016/12/20 面试题
师范应届毕业生自荐信
2013/11/18 职场文书
2014年最新版离婚协议书范本
2014/11/25 职场文书
泰山导游词
2015/02/02 职场文书
行政答辩状范文
2015/05/21 职场文书
环保守法证明
2015/06/24 职场文书
八年级作文之一起的走过日子
2019/09/17 职场文书
PyTorch的Debug指南
2021/05/07 Python
Javascript之datagrid查询详解
2021/09/15 Javascript
python​格式化字符串
2022/04/20 Python