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 Ajax学习实例7 Ajax所有过程事件分析示例
Mar 23 Javascript
JS中call/apply、arguments、undefined/null方法详解
Feb 15 Javascript
jQuery插件echarts设置折线图中折线线条颜色和折线点颜色的方法
Mar 03 Javascript
HTML5+jQuery实现搜索智能匹配功能
Mar 24 jQuery
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
vue2.0 和 animate.css的结合使用
Dec 12 Javascript
代码详解Vuejs响应式原理
Dec 20 Javascript
Angular-UI Bootstrap组件实现警报功能
Jul 16 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
layer弹出层自适应高度,垂直水平居中的实现
Sep 16 Javascript
原生JS实现汇率转换功能代码实例
May 13 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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 转换字符串编码 iconv与mb_convert_encoding的区别说明
2011/11/10 PHP
深入PHP中慎用双等于(==)的详解
2013/06/06 PHP
PHP 伪静态技术原理以及突破原理实现介绍
2013/07/12 PHP
PHP浮点数精度问题汇总
2015/05/13 PHP
基于PHP实现的事件机制实例分析
2015/06/18 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
PHP删除二维数组中相同元素及数组重复值的方法示例
2017/05/05 PHP
PHP微信H5支付开发实例
2018/07/25 PHP
定位地理位置PHP判断员工打卡签到经纬度是否在打卡之内
2019/05/23 PHP
关于 byval 与 byref 的区别分析总结
2007/10/08 Javascript
js跨域问题之跨域iframe自适应大小实现代码
2010/07/17 Javascript
使用js写的一个简易的投票
2013/11/27 Javascript
jquery单行文字向上滚动效果示例
2014/03/06 Javascript
JavaScript中对象介绍
2014/12/31 Javascript
JavaScript获取页面上被选中文字的方法技巧
2015/03/13 Javascript
JS基于Ajax实现的网页Loading效果代码
2015/10/27 Javascript
基于jquery实现图片上传本地预览功能
2016/01/08 Javascript
Jquery插件仿百度搜索关键字自动匹配功能
2016/05/11 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
Javascript6中字符串的四个新用法分享
2016/09/11 Javascript
Vue-Router实现页面正在加载特效方法示例
2017/02/12 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
JS使用贪心算法解决找零问题示例
2017/11/27 Javascript
jQuery动态移除与增加onclick属性的方法详解
2018/06/07 jQuery
vue实现的仿淘宝购物车功能详解
2019/01/27 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
[01:33:30]DOTA2-DPC中国联赛 正赛 RNG vs Phoenix BO3 第二场 2月5日
2021/03/11 DOTA
在漏洞利用Python代码真的很爽
2007/08/26 Python
在Python中使用判断语句和循环的教程
2015/04/25 Python
wxpython中自定义事件的实现与使用方法分析
2016/07/21 Python
Python数据结构之哈夫曼树定义与使用方法示例
2018/04/22 Python
中专生自我鉴定书范文
2013/12/28 职场文书
班组长竞聘书
2014/03/31 职场文书
个人租房协议书
2014/04/09 职场文书
小区推广策划方案
2014/06/06 职场文书
八一建军节主持词
2015/07/01 职场文书