Fork me on GitHub
代码改变世界

jQuery.serialize()函数

2015-08-13 00:22  autrol  阅读(245)  评论(0编辑  收藏  举报

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. 没有被选中的表单控件不会被提交。