JS按条件 serialize() 对应标签的使用方法

 更新时间:2017年07月24日 16:48:30   作者:slyly  
serialize()方法通过序列化表单值,创建标准的URL编码文本字符串,它的操作对象是代表表单元素集合的jQuery 对象。下面通过本文给大家介绍JS按条件 serialize() 对应标签的相关知识,感兴趣的的朋友一起看看吧

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 读取图片实例代码

    JavaScript 读取图片实例代码

    本章主要介绍通过JavaScript读取图片的例子,本例子不包含服务器端后台代码,只包含前台页面代码,所以直接用Html文件就可以,代码如下,因为包含详细的注意,所以不再详细说明了,如果有看不明白的,可以给我留言,我给大家具体答复。
    2009-11-11
  • JavaScript中判断页面关闭、页面刷新的实现代码

    JavaScript中判断页面关闭、页面刷新的实现代码

    这篇文章主要介绍了JavaScript中判断页面关闭、页面刷新的实现代码,在一些特殊的场合中会用到这个技术,需要的朋友可以参考下
    2014-08-08
  • JS中生成随机数的用法及相关函数

    JS中生成随机数的用法及相关函数

    这篇文章主要为大家介绍了JS中生成随机数的用法,为大家提供了相关函数的使用方法,感兴趣的朋友可以参考一下
    2016-01-01
  • 技术男用来对妹子表白的百度首页

    技术男用来对妹子表白的百度首页

    这篇文章主要介绍了技术男用来对妹子表白的百度首页,非常有创意、有意思,需要的朋友可以参考下
    2014-07-07
  • 深入探究JavaScript中作用域的底层机制

    深入探究JavaScript中作用域的底层机制

    引言 在 JavaScript 编程中,作用域是一个至关重要的概念,它决定了变量和函数的可访问范围,本文将深入探讨 JavaScript 作用域的底层原理,感兴趣的小伙伴可以了解一下
    2025-01-01
  • JavaScript 获取 URL 中参数值的方法详解(最新整理)

    JavaScript 获取 URL 中参数值的方法详解(最新整理)

    本文将详细介绍几种在 JavaScript 中获取 URL 参数值的方法,包括现代浏览器支持的 URLSearchParams、正则表达式解析以及自定义函数解析方案,并讨论各自的优缺点及适用场景,感兴趣的朋友一起看看吧
    2025-04-04
  • 微信小程序自定义tabbar组件

    微信小程序自定义tabbar组件

    这篇文章主要为大家详细介绍了微信小程序自定义tabbar组件,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-03-03
  • 微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法

    微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法

    这篇文章主要介绍了微信小程序webview中wx.miniProgram.navigateTo()的使用方法及其问题解决方法,文章描述了微信小程序中web-view嵌入H5页面时遇到的问题,特别是当H5页面中包含iframe时,如何在iframe中实现跳转到小程序的index页面,需要的朋友可以参考下
    2024-11-11
  • ES6中字符串string常用的新增方法小结

    ES6中字符串string常用的新增方法小结

    这篇文章主要介绍了ES6中字符串string常用的新增方法,结合实例形式总结分析了ES6中字符串string常用的新增方法功能与使用技巧,需要的朋友可以参考下
    2017-11-11
  • 使用js操作css实现js改变背景图片示例

    使用js操作css实现js改变背景图片示例

    有个朋友在weibo上问我可不可以用JS和CSS让页面每次刷新随机产生一张背景图,当然是可以的。具体的方法看下面的实现代码吧
    2014-03-03

最新评论