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代码
Nov 09 Javascript
jquery mobile页面跳转后样式丢失js失效的解决方法
Sep 06 Javascript
javascript文本框内输入文字倒计数的方法
Feb 24 Javascript
javacript获取当前屏幕大小
Jun 04 Javascript
JS简单实现点击复制链接的方法
Aug 03 Javascript
angular动态表单制作
Feb 23 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
javaScript实现游戏倒计时功能
Nov 17 Javascript
基于vue.js实现购物车
Jan 15 Javascript
VUE实时监听元素距离顶部高度的操作
Jul 29 Javascript
vue组件中节流函数的失效的原因和解决方法
Dec 02 Vue.js
Js实现粘贴上传图片的原理及示例
Dec 09 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,js双版本
2012/09/25 PHP
php使用flock阻塞写入文件和非阻塞写入文件的实例讲解
2017/07/10 PHP
初学Javascript的一些总结
2008/11/03 Javascript
JQuery操作tr和td内容的方法实例
2013/03/06 Javascript
select标记美化--JS式插件、后期加载
2013/04/01 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
js实现遮罩层划出效果是生成div而不是显示
2014/07/29 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
jQuery实现鼠标划过展示大图的方法
2015/03/09 Javascript
arguments对象验证函数的参数是否合法
2015/06/26 Javascript
js实现的后台左侧管理菜单代码
2015/09/11 Javascript
基于jQuery通过jQuery.form.js插件实现异步上传
2015/12/13 Javascript
JavaScript——DOM操作——Window.document对象详解
2016/07/14 Javascript
AngularJS使用ng-repeat指令实现下拉框
2016/08/23 Javascript
详解照片瀑布流效果(js,jquery分别实现与知识点总结)
2017/01/01 Javascript
浅谈js中的变量名和函数名重名
2017/02/13 Javascript
一个基于react的图片裁剪组件示例
2018/04/18 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
Python实现拼接多张图片的方法
2014/12/01 Python
详解Python开发中如何使用Hook技巧
2017/11/01 Python
Python使用爬虫爬取静态网页图片的方法详解
2018/06/05 Python
python简易实现任意位数的水仙花实例
2018/11/13 Python
Python判断对象是否相等及eq函数的讲解
2019/02/25 Python
Python lambda表达式原理及用法解析
2020/08/18 Python
HTML5实现签到 功能
2018/10/09 HTML / CSS
法国时尚品牌乐都特瑞士站:La Redoute瑞士
2016/09/05 全球购物
日本订房网站,预订日本星级酒店/温泉旅馆:Relux(支持中文)
2020/01/03 全球购物
主管会计岗位职责
2014/03/13 职场文书
请假条的格式
2014/04/11 职场文书
仓库规划计划书
2014/04/28 职场文书
班级口号大全
2014/06/09 职场文书
装修活动策划方案
2014/08/27 职场文书
个人委托书怎么写
2014/09/17 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
写作指导:怎么书写竞聘演讲稿?
2019/07/04 职场文书