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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
JS实现的简洁二级导航菜单雏形效果
Oct 13 Javascript
详解Angularjs中的依赖注入
Mar 11 Javascript
jQuery Ajax 全局调用封装实例代码详解
Jun 02 Javascript
JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法
Aug 05 Javascript
微信公众平台开发教程(四) 实例入门:机器人回复(附源码)
Dec 02 Javascript
bootstrap datetimepicker实现秒钟选择下拉框
Jan 05 Javascript
javascript ES6中箭头函数注意细节小结
Feb 17 Javascript
javascript+jQuery实现360开机时间显示效果
Nov 03 jQuery
layui点击弹框页面 表单请求的方法
Sep 21 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 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
一个可查询所有表的“通用”查询分页类
2006/10/09 PHP
使用无限生命期Session的方法
2006/10/09 PHP
PHP中通过加号合并数组的一个简单方法分享
2011/01/27 PHP
PHP基于迭代实现文件夹复制、删除、查看大小等操作的方法
2017/08/11 PHP
PHP程序员学习使用Swoole的理由
2018/06/24 PHP
Stop SQL Server
2007/06/21 Javascript
javascript 选择文件夹对话框(web)
2009/07/07 Javascript
IE6 弹出Iframe层中的文本框“经常”无法获得输入焦点
2009/12/27 Javascript
jquery ajax,ashx,json的用法总结
2014/02/12 Javascript
jquery用offset()方法获得元素的xy坐标
2014/09/06 Javascript
jQuery带时间的日期控件代码分享
2015/08/26 Javascript
javascript设置和获取cookie的方法实例详解
2016/01/05 Javascript
jQuery form 表单验证插件(fieldValue)校验表单
2016/01/24 Javascript
Javascript操作表单实例讲解(下)
2016/06/20 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
深入浅出理解JavaScript高级定时器原理与用法
2018/08/02 Javascript
vue实现element表格里表头信息提示功能(推荐)
2019/11/20 Javascript
javascript History对象原理解析
2020/02/17 Javascript
ES6中new Function()语法及应用实例分析
2020/02/19 Javascript
详解Vue中Axios封装API接口的思路及方法
2020/10/10 Javascript
python的mysql数据库建立表与插入数据操作示例
2019/09/30 Python
Python 模拟动态产生字母验证码图片功能
2019/12/24 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
PyQt5如何将.ui文件转换为.py文件的实例代码
2020/05/26 Python
python中plt.imshow与cv2.imshow显示颜色问题
2020/07/16 Python
Html5跳转到APP指定页面的实现
2020/01/14 HTML / CSS
c语言常见笔试题总结
2016/09/05 面试题
顶岗实习接收函
2014/01/09 职场文书
土木工程师职业规划范文
2014/03/07 职场文书
管理建议书范文
2014/05/13 职场文书
企业文明单位申报材料
2014/05/16 职场文书
廉洁教育学习材料
2014/05/19 职场文书
库房管理员岗位职责
2015/02/12 职场文书
护士求职简历自我评价
2015/03/10 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
Python实现视频自动打码的示例代码
2022/04/08 Python