jquery 序列化表格内容为字符串(serialize)

来源:互联网 发布:自学java不学c语言 编辑:程序博客网 时间:2024/06/05 18:32

ajax - serialize() 方法-遍历form进行AJAX提交,序列表表格内容为字符串。

html:

<form>  <select name="single">    <option value='1'>Single</option>    <option value='2'>Single2</option>  </select>  <select name="multiple" multiple="multiple">    <option selected="selected" <pre name="code" class="html" style="color: rgb(51, 51, 51); font-size: 14px; line-height: 18px; text-indent: 24px;">value='1'
>Multiple</option> <option>Multiple2</option> <option selected="selected">Multiple3</option> </select><br/> <input type="checkbox" name="check" value="check1"/> check1 <input type="checkbox" name="check" value="check2" checked="checked"/> check2 <input type="radio" name="radio" value="radio1" checked="checked"/> radio1 <input type="radio" name="radio" value="radio2"/> radio2</form>

定义和用法

serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。

您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。


   .serialize() 方法可以操作已选取个别表单元素的 jQuery 对象,比如 <input>, <textarea> 以及 <select>。不过,选择 <form> 标签本身进行序列化一般更容易些


$('form').submit(function() {  alert($(this).serialize());  return false;});
输出标准的查询字符串:
形式:a=1&b=2&c=3&d=4&e=5


0 0
原创粉丝点击