jquery中serialize方法如何用
jquery中serialize方法如何用
这篇文章主要介绍“jquery中serialize方法如何用”，在日常操作中，相信很多人在jquery中serialize方法如何用问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”jquery中serialize方法如何用”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！
在jquery中，serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，序列化的值可在生成AJAX请求时用于URL查询字符串中，语法为“$(selector).serialize()”。
本教程操作环境：windows10系统、jquery3.2.1版本、Dell G3电脑。
jquery中serialize方法怎么用
serialize()定义和用法：
serialize()方法通过序列化表单值，创建标准的URL编码文本字符串，它的操作对象是代表表单元素集合的jQuery 对象。你可以选择一个或多个表单元素（比如input或文本框），或者 form 元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
语法：
$(selector).serialize()
详细说明
1、.serialize() 方法创建以标准 URL 编码表示的文本字符串。它的操作对象是代表表单元素集合的 jQuery 对象。
2、.serialize() 方法可以操作已选取个别表单元素的 jQuery 对象，比如 <input>, <textarea> 以及 <select>。不过，选择 <form> 标签本身进行序列化一般更容易些
3、只会将”成功的控件“序列化为字符串。如果不使用按钮来提交表单，则不对提交按钮的值序列化。如果要表单元素的值包含到序列字符串中，元素必须使用 name 属性。
4、form里面的name不能够用 Js、jquery里的关键字。
例如：length
代码如下:
<formid="form1"><inputname="length"type="text"value="pipi"/><inputname="blog"type="text"value="bluesubmarine"/></form>//使用:$("#form1").serialize();
上面则获取不到值。
JQuery中serialize()实例
1、ajax serialize()
代码如下:
$.ajax({type:"POST",dataType:"json",url:ajaxCallBack,data:$('#myForm').serialize(),//要提交表单的IDsuccess:function(msg){alert(msg);}});
2、serialize() 序列化表单实例
代码如下:
<scriptsrc="jquery-1.7.min。js"></script><script>$(function(){$("#submit").click(function(){alert($("#myForm").serialize());});});</script><formid="myForm">昵称<inputtype="text"name="username"value="admin"/><br/>密码<inputtype="password"name="password"value="admin123"/><br/><inputtype="button"id="submit"value="序列化表单"/></form>
点击按钮之后弹出：
username=admin&password=admin123
到此，关于“jquery中serialize方法如何用”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注恰卡编程网网站，小编会继续努力为大家带来更多实用的文章！
