jQueryajax-serialize()方法

jQuery ajax - serialize() 方法

jQuery Ajax 参考手册

成都创新互联是一家专业提供大悟企业网站建设,专注与网站制作、成都网站设计、H5技术、小程序制作等业务。10年已为大悟众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。

实例

输出序列化表单值的结果：

$("button").click(function(){
  $("div").text($("form").serialize());
});

亲自试一试

定义和用法

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

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

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

语法

$(selector).serialize()

详细说明

.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。

表单元素有几种类型：

  

  

  

  

    4
  
  

    5
    6
    7
  
  

    
  
  

    
  

.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 , 以及 <select>。不过，选择 <form> 标签本身进行序列化一般更容易些：</p><pre>$('form').submit(function() {   alert($(this).serialize());   return false; });</pre><p>输出标准的查询字符串：</p><pre>a=1&b=2&c=3&d=4&e=5</pre><p>注释：只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单，则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中，元素必须使用 name 属性。</p><p>jQuery Ajax 参考手册</p> <br> 当前题目：jQueryajax-serialize()方法 <br> 当前URL：<a href="http://6mz.cn/article/ppejeg.html">http://6mz.cn/article/ppejeg.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/docgigd.html">c语言分函数返回 c语言返回函数值</a> </li><li> <a href="/article/docggss.html">python求平方函数 python中的平方函数</a> </li><li> <a href="/article/docggoc.html">手机go语言安装教程 go语言入门教程</a> </li><li> <a href="/article/docggsc.html">c语言中自己定义函数 c语言中什么叫自定义函数</a> </li><li> <a href="/article/docggoo.html">go语言环境安装实例 go语言安装包</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设， 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求