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 相关文章推荐
学习ExtJS 访问容器对象
Oct 07 Javascript
关于hashchangebroker和statehashable的补充文档
Aug 08 Javascript
js 链式延迟执行DOME
Jan 04 Javascript
js克隆对象、数组的常用方法介绍
Sep 26 Javascript
浅谈JSON和JSONP区别及jQuery的ajax jsonp的使用
Nov 23 Javascript
Jquery ajax 同步阻塞引起的UI线程阻塞问题
Nov 17 Javascript
浅析jQuery移动开发中内联按钮和分组按钮的编写
Dec 04 Javascript
基于react框架使用的一些细节要点的思考
May 31 Javascript
vue实现百度搜索下拉提示功能实例
Jun 14 Javascript
一次让你了解全部JavaScript的作用域
Jun 24 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
Webpack设置环境变量的一些误区详解
Dec 19 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数组函数序列之array_unique() - 去除数组中重复的元素值
2011/10/29 PHP
PHP中使用unset销毁变量并内存释放问题
2012/07/05 PHP
PHP与javascript实现变量交互的示例代码
2013/07/23 PHP
PHP OPP机制和模式简介(抽象类、接口和契约式编程)
2014/06/09 PHP
试用php中oci8扩展
2015/06/18 PHP
js身份证判断方法支持15位和18位
2014/03/18 Javascript
jQuery实现Twitter的自动文字补齐特效
2014/11/28 Javascript
HTML5+setCutomValidity()函数验证表单实例分享
2015/04/24 Javascript
JS获取月份最后天数、最大天数与某日周数的方法
2015/12/08 Javascript
JS组件Bootstrap实现图片轮播效果
2016/05/16 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
angular2组件中定时刷新并清除定时器的实例讲解
2018/08/31 Javascript
微信小程序开发打开另一个小程序的实现方法
2020/05/17 Javascript
[00:36]DOTA2上海特级锦标赛 Alliance战队宣传片
2016/03/04 DOTA
[51:36]EG vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python urllib爬取百度云连接的实例代码
2017/06/19 Python
Python 用Redis简单实现分布式爬虫的方法
2017/11/23 Python
TensorFlow实现MLP多层感知机模型
2018/03/09 Python
Python常见工厂函数用法示例
2018/03/21 Python
Python3中lambda表达式与函数式编程讲解
2019/01/14 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
python Matplotlib底图中鼠标滑过显示隐藏内容的实例代码
2019/07/31 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
Python新建项目自动添加介绍和utf-8编码的方法
2020/12/26 Python
PyChon中关于Jekins的详细安装(推荐)
2020/12/28 Python
Marlies Dekkers内衣美国官方网上商店:高端内衣品牌
2018/11/12 全球购物
美国按摩椅批发网站:Titan Chair
2018/12/27 全球购物
英国著名药妆店:Superdrug
2021/02/13 全球购物
会计自我鉴定
2013/11/02 职场文书
财务科科长岗位职责
2014/03/10 职场文书
营销与策划专业求职信
2014/06/20 职场文书
中标通知书范本
2015/04/17 职场文书
给领导敬酒词
2015/08/12 职场文书
导游词之无锡丝业博物馆
2019/11/12 职场文书
详解CSS不定宽溢出文本适配滚动
2021/05/24 HTML / CSS
java executor包参数处理功能 
2022/02/15 Java/Android