jQuery 之序列化方法（17）

最新推荐文章于 2019-04-30 09:39:18 发布

稚枭天卓

最新推荐文章于 2019-04-30 09:39:18 发布

阅读量569

点赞数

分类专栏： AJAX入门 jQuery 入门文章标签：序列化 .each serialize serializeArray jQuery

本文链接：https://blog.csdn.net/u013630349/article/details/51985123

版权

jQuery 入门同时被 2 个专栏收录

33 篇文章 0 订阅

订阅专栏

AJAX入门

18 篇文章 1 订阅

订阅专栏

jQuery serialize() 方法
serialize() 方法通过序列化表单值创建 URL 编码文本字符串。
您可以选择一个或多个表单元素（如输入和/或文本区），或表单元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
语法
$(selector).serialize()

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

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("div").text($("form").serialize());
  });
});
</script>
</head>
<body>

<form action="">
First name: <input type="text" name="FirstName" value="Mickey" /><br>
Last name: <input type="text" name="LastName" value="Mouse" /><br>
</form>

<button>序列化表单值</button>
<div></div>

</body>
</html>

===============================================
jQuery serializeArray() 方法
serializeArray() 方法通过序列化表单值来创建对象（name 和 value）的数组。
您可以选择一个或多个表单元素（如输入和/或文本区），或表单元素本身。
语法
$(selector).serializeArray()

输出以数组形式序列化表单值的结果：

<!DOCTYPE html>
<html>
<head>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    x=$("form").serializeArray();
    $.each(x, function(i, field){
      $("#results").append(field.name + ":" + field.value + " ");
    });
  });
});
</script>
</head>
<body>

<form action="">
First name: <input type="text" name="FirstName" value="Mickey" /><br>
Last name: <input type="text" name="LastName" value="Mouse" /><br>
</form>

<button>序列化表单值</button>
<div id="results"></div>

</body>
</html>

稚枭天卓

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery 之序列化方法（17）

jQuery serialize() 方法serialize() 方法通过序列化表单值创建 URL 编码文本字符串。您可以选择一个或多个表单元素（如输入和/或文本区），或表单元素本身。序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。语法$(selector).serialize()输出序列化表单值的结果：$(document).ready
复制链接

扫一扫