jQuery.serialize()函数

jQuery.serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串。

jQuery.serialize()函数常用于将表单内容序列化,以便用于AJAX提交

该函数主要根据用于提交的有效表单控件的name和value,将它们拼接为一个可直接用于表单提交的文本字符串,该字符串已经过标准的URL编码处理(字符集编码为UTF-8)

具体举例:

<form id="supplier-search-form">
    <input type="text" value="" class="organization-input">
    <input type="text" value="2015" class="txt_input order-startdate" id="startDate" name="startTime">
    <input type="text" value="2016" class="txt_input order-enddate" id="endDate" name="endTime">
    <input type="button"  id="schedule-search-button" value="查询">
    <a id="schedule-export-button" href="javascript:;">导出</a>
</form>

执行jQuery.serialize(),返回字符串:startTime=2015&endTime=2016

该函数不会序列化,不需要提交的表单控件,这和常规的表单提交行为是一致的。

例如:

  1. 不在<form>标签内的表单控件不会被提交
  2. 没有name属性的表单控件不会被提交
  3. 带有disabled属性的表单控件不会被提交
  4. 没有被选中的表单控件不会被提交。
时间: 2024-10-19 08:32:25

jQuery.serialize()函数的相关文章

jquery.serialize

jQuery - serialize() 方法 erialize() 方法通过序列化表单值,创建 URL 编码文本字符串. serialize()函数用于序列化一组表单元素,将表单内容编码为用于提交的字符串. serialize()函数常用于将表单内容序列化,以便用于AJAX提交. 该函数主要根据用于提交的有效表单控件的name和value,将它们拼接为一个可直接用于表单提交的文本字符串,该字符串已经过标准的URL编码处理(字符集编码为UTF-8). 该函数不会序列化不需要提交的表单控件,这和常

jquery 常用函数一览

可以打印后慢慢一个一个查找,有利于记忆. 核心 ·         jQuery 核心函数 o    jQuery([sel,[context]]) o    jQuery(html,[ownerDoc])1.8* o    jQuery(callback) o    jQuery.holdReady(hold)1.6+ ·         jQuery 对象访问 o    each(callback) o    size() o    length o    selector o    con

从零开始学习jQuery (九) jQuery工具函数

原文:从零开始学习jQuery (九) jQuery工具函数 本系列文章导航 从零开始学习jQuery (一) 开天辟地入门篇 从零开始学习jQuery (二) 万能的选择器 从零开始学习jQuery (三) 管理jQuery包装集 从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) jQuery中的Ajax 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQ

Jquery的函数

一.载入静态页面 格式:load( url, [data], [callback] );       url (String) 请求的HTML页的URL地址       data (Map)(可选参数) 发送至服务器的 key/value 数据       callback (Callback) (可选参数) 请求完成时(不需要是success的)的回调函数 应用:load()方法可以轻松载入静态页面内容到指定jQuery对象. $('#ajax-div').load('data.html');

Jquery Ajax 操作函数跟JQuery 遍历函数跟JQuery数据操作函数

JQuery文档操作方法 jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. 函数                                   描述 jQuery.ajax()                 执行异步 HTTP (Ajax) 请求. .ajaxComplete()            当 Ajax 请求完成时注册要调用的处理程序.这是一个 Ajax 事件. .ajaxError()             

jQuery.noConflict() 函数详解

jQuery.noConflict()函数用于让出jQuery库对变量$(和变量jQuery)的控制权. 一般情况下,在jQuery库中,变量$是变量jQuery的别名,它们之间是等价的,例如jQuery("p")和$("p")是等价的.由于变量$只有一个字符,并且特点鲜明,因此我们更加习惯使用$来操作jQuery库. 不过,其他JS库也可能使用变量$来进行操作,例如Prototype库.这个时候两个库可能会由于变量$的控制权问题而发生冲突. 此时,你可以使用该函数

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

jQuery - 01. jQuery特点、如何使用jQuery、jQuery入口函数、jQuery和DOM对象的区别、jQuery选择器、

this指的是原生js的DOM对象 .css(""):只写一个值是取值,写俩值是赋值 window.onload   ===   $(document).ready(); $(""):获取元素   标签名..类名.#id jQuery特点 链式编程 jq.shou(3000).html(内容) 相当于 jq.shou(3000) jq.gtml(内容) 隐式迭代 隐式实用for循环.迭代 如何使用jQuery 引包 一定要在使用之前 <script src =

如何跳出当前jquery.each()函数循环

如何跳出当前jquery.each()函数循环:关于jquery.each()函数的用法这里不多做介绍,更多内容可以参阅下面两篇文章:1.jquery.each()函数可以参阅jQuery.each()方法一章节.2.each()函数可以参阅jQuery的each()方法一章节. 但是在实际应用中,我们可能并不需要遍历完整个数组或者对象,而是根据一定的条件跳出当前的循环或者整个循环,下面就通过代码实例介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html>