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的实现方法小结
Oct 23 Javascript
浅谈javascript面向对象程序设计
Jan 21 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
jQuery通过控制节点实现仅在前台通过get方法完成参数传递
Feb 02 Javascript
深入理解JavaScript系列(45):代码复用模式(避免篇)详解
Mar 04 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
Jul 24 Javascript
Javascript中 带名 匿名 箭头函数的重要区别(推荐)
Jan 29 Javascript
深入理解Javascript箭头函数中的this
Feb 13 Javascript
js 客户端打印html 并且去掉页眉、页脚的实例
Nov 03 Javascript
js取小数点后两位四种方法
Jan 18 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
Oct 17 Javascript
vue3 watch和watchEffect的使用以及有哪些区别
Jan 26 Vue.js
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+xml实现在线英文词典查询的方法
2015/01/23 PHP
Laravel 5 学习笔记
2015/03/06 PHP
PHP仿微信发红包领红包效果
2016/10/30 PHP
Yii框架表单提交验证功能分析
2017/01/07 PHP
PHP开发之归档格式phar文件概念与用法详解【创建,使用,解包还原提取】
2017/11/17 PHP
ThinkPHP框架整合微信支付之Native 扫码支付模式一图文详解
2019/04/09 PHP
仅IE6/7/8中innerHTML返回值忽略英文空格的问题
2011/04/07 Javascript
js日历功能对象
2012/01/12 Javascript
jquery $.each 和for怎么跳出循环终止本次循环
2013/09/27 Javascript
用js来刷新当前页面保留参数的具体实现
2013/12/23 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
JavaScript保存并运算页面中数字类型变量的写法
2015/07/06 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
JavaScript 消息框效果【实现代码】
2016/04/27 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
Javascript基础回顾之(二) js作用域
2017/01/31 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
Nodejs读取文件时相对路径的正确写法(使用fs模块)
2017/04/27 NodeJs
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
node结合swig渲染摸板的方法
2018/04/11 Javascript
详解JS转换数值函数Number()、parseInt()、parseFloat()
2018/08/24 Javascript
js数组相减简单示例【删除a数组所有与b数组相同元素】
2020/03/04 Javascript
vue实现购物车列表
2020/06/30 Javascript
Python_LDA实现方法详解
2017/10/25 Python
python按照多个条件排序的方法
2019/02/08 Python
Python实现合并excel表格的方法分析
2019/04/13 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
CSS3新属性transition-property transform box-shadow实例学习
2013/06/06 HTML / CSS
保荐人的岗位职责
2013/11/19 职场文书
校园安全教育广播稿
2014/02/17 职场文书
母婴店促销方案
2014/03/05 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
公司出纳岗位职责
2015/03/31 职场文书
python中的装饰器该如何使用
2021/06/18 Python