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拖拽元素改变大小尺寸实现代码
Dec 10 Javascript
JS+CSS 制作的超级简单的下拉菜单附图
Nov 22 Javascript
jquery实现倒计时代码分享
Jun 13 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
Javascript设计模式理论与编程实战之简单工厂模式
Nov 03 Javascript
使用jQuery操作HTML的table表格的实例解析
Mar 13 Javascript
分享jQuery封装好的一些常用操作
Jul 28 Javascript
Angular和Vue双向数据绑定的实现原理(重点是vue的双向绑定)
Nov 22 Javascript
详解在Vue中通过自定义指令获取dom元素
Mar 04 Javascript
Vue.js之slot深度复制详解
Mar 10 Javascript
利用Blob进行文件上传的完整步骤
Aug 02 Javascript
mpvue跳转页面及注意事项
Aug 03 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
Terran热键控制
2020/03/14 星际争霸
PHP中mb_convert_encoding与iconv函数的深入解析
2013/06/21 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
javascript 写类方式之二
2009/07/05 Javascript
起点页面传值js,有空研究学习下
2010/01/25 Javascript
js 可拖动列表实现代码
2011/12/13 Javascript
分享一个我自己写的ToolTip提示插件(附源码)
2013/01/20 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
html判断当前页面是否在iframe中的实例
2016/11/30 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
2017/01/16 Javascript
angularjs实现猜大小功能
2017/10/23 Javascript
jQuery动态添加元素无法触发绑定事件的解决方法分析
2018/01/02 jQuery
vue实现模态框的通用写法推荐
2018/02/26 Javascript
Vue 仿QQ左滑删除组件功能
2018/03/12 Javascript
Vue.js 利用v-for中的index值实现隔行变色
2018/08/01 Javascript
jQuery md5加密插件jQuery.md5.js用法示例
2018/08/24 jQuery
javascript面向对象创建对象的方式小结
2019/07/29 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
2020/04/06 Javascript
jQuery实现增删改查
2020/12/22 jQuery
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
对python中array.sum(axis=?)的用法介绍
2018/06/28 Python
Python项目 基于Scapy实现SYN泛洪攻击的方法
2019/07/23 Python
Python中Selenium库使用教程详解
2020/07/23 Python
python 如何调用远程接口
2020/09/11 Python
受外贸欢迎的美国主机:BlueHost
2017/05/16 全球购物
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
美国流行背包品牌:JanSport(杰斯伯)
2018/03/02 全球购物
购买美国制造的相框和画框架:Picture Frames
2018/08/14 全球购物
Java如何获得ResultSet的总行数
2016/09/03 面试题
行政部主管岗位职责
2013/12/28 职场文书
艺术设计专业毕业生推荐信
2014/07/08 职场文书
经营目标管理责任书
2014/07/25 职场文书
2014年国庆节演讲稿精选范文1500字
2014/09/25 职场文书
2014年新农村建设工作总结
2014/12/01 职场文书
redis 查看所有的key方式
2021/05/07 Redis