当前位置:首页 > 编程教程 > javascript技术文章 > JS按条件 serialize() 对应标签的使用方法

解析JS按条件serialize()对应标签用法

  • 发布时间:
  • 作者:码农之家
  • 点击:129

这篇文章主要知识点是关于js、serialize、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

JavaScript之美
  • 类型:JavaScript大小:94 MB格式:PDF作者:安顿?科瓦诺夫
立即下载

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() 对应标签的使用方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对码农之家网站的支持!

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

javascript 相关电子书
学习笔记
网友NO.216045

详谈表单格式化插件jquery.serializeJSON

前言 前端在处理含有大量数据提交的表单时,除了使用Form直接提交刷新页面之外,经常碰到的需求是收集表单信息成数据对象,Ajax提交。 而在处理复杂的表单时,需要一个一个区手动判断处理字段值,显得非常麻烦。接下来介绍的插件将解决这个问题。 关于serializeJSON 使用jquery.serializeJSON,可以在基于jQuery或者Zepto的页面中,调用 .serializeJSON() 方法来序列化form表单的数据成JS对象。 使用 只需要在jQuery或者Zepto时候引入即可 script type="text/javascript" src="jquery.js"/scriptscript type="text/javascript" src="jquery.serializejson.js"/script 示例 HTML form(支持input、textarea、select等标签) form id="my-profile" !-- simple attribute -- input type="text" name="fullName" value="Mario Izquierdo" / !-- nested attributes -- input type="text" name="address[city]" value="San Francisco" / input type="text" name="address[state][name]" value="Califor……

网友NO.791065

JS中serialize()多表单数据提交应用实例

本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考,具体如下: 在实际开发场景中,难免遇到需要多个表单的数据传递问题。 之所以要进行多表单的数据传递是因为可以进行数据分组,便于数据的维护。 这个时候,出于不依赖jquery的考虑,有一个原生js函数来解决这个问题无疑是最好的。而源自于《JavaScript高级程序设计》一书的serialize()函数就是解决这个问题的最好办法,该函数如下: function serialize(form){ var parts = [], field = null, i, len, j, optLen, option, optValue; for (i=0, len=form.elements.length; i len; i++){ field = form.elements[i]; switch(field.type){ case select-one: case select-multiple: if (field.name.length){ for (j=0, optLen = field.options.length; j optLen; j++){ option = field.options[j]; if (option.selected){ optValue = ; if (option.hasAttribute){ optValue = (option.hasAttribute(value) ? option.value……

<
1
>

Copyright 2018-2020 www.xz577.com 码农之家

版权投诉 / 书籍推广 / 赞助:520161757@qq.com