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 event事件的传递与冒泡处理
Dec 06 Javascript
Jquery公告滚动+AJAX后台得到数据
Apr 14 Javascript
javascript 自定义回调函数示例代码
Sep 26 Javascript
jquery实现聚光灯效果的方法
Feb 06 Javascript
谈谈JavaScript异步函数发展历程
Sep 29 Javascript
javascript数据类型验证方法
Dec 31 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
详解小程序开发经验:多页面数据同步
May 18 Javascript
微信小程序new Date()方法失效问题解决方法
Jul 29 Javascript
JavaScript 中的六种循环方法
Jan 06 Javascript
vue使用wavesurfer.js解决音频可视化播放问题
Apr 04 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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
php XMLWriter类的简单示例代码(RSS输出)
2011/09/30 PHP
PHP中register_globals参数为OFF和ON的区别(register_globals 使用详解)
2012/02/05 PHP
php截取中文字符串不乱码的方法
2013/12/25 PHP
CodeIgniter表单验证方法实例详解
2016/03/03 PHP
PHP函数checkdnsrr用法详解(Windows平台用法)
2016/03/21 PHP
php+mongodb判断坐标是否在指定多边形区域内的实例
2016/10/28 PHP
Laravel学习教程之request validation的编写
2017/10/25 PHP
深入认识JavaScript中的函数
2007/01/22 Javascript
Javascript 匿名函数及其代码模式原理
2010/03/19 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
常用的JavaScript WEB操作方法分享
2015/02/28 Javascript
JavaScript中的DSL元编程介绍
2015/03/15 Javascript
分享自己用JS做的扫雷小游戏
2016/02/17 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
2020/04/16 Javascript
微信小程序 MD5的方法详解及实例代码
2017/03/10 Javascript
es6 字符串String的扩展(实例讲解)
2017/08/03 Javascript
webpack构建的详细流程探底
2018/01/08 Javascript
JS实现百度搜索接口及链接功能实例代码
2018/02/02 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
OpenLayer3自定义测量控件MeasureTool
2020/09/28 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
Python通过DOM和SAX方式解析XML的应用实例分享
2015/11/16 Python
如何利用Boost.Python实现Python C/C++混合编程详解
2018/11/08 Python
Python3远程监控程序的实现方法
2019/07/15 Python
奥巴马的演讲稿
2014/05/15 职场文书
某某同志考察材料
2014/05/28 职场文书
法律专业自荐信
2014/06/03 职场文书
融资合作协议书范本
2014/10/17 职场文书
党的群众路线学习笔记
2014/11/06 职场文书
民间借贷纠纷起诉书
2015/08/03 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
MySQL普通表如何转换成分区表
2022/05/30 MySQL
httpclient调用远程接口的方法
2022/08/14 Java/Android