JQuery之 serialize() 及serializeArray() 实例介绍

这两个方法都是jq封装的,主要用于form表单。

serialize(); 

1、创建一个标准url编码显示的文本字符转;
2、操作的对象是表单元素结合的jq对象;

serializeArray();

序列化一个表单元素,将表单元内容编码为一个js数组
常用语编码为js格式的字符串

不在form标签内的表单控件不会被提交、
没有name属性的表单控件不会被提交、
带有disabled属性的表单控件不会被提交、
没有被选中的表单控件不会被提交

一些定义介绍,我们根据实例很容易记忆

<form id="myForm">
        昵称
        <input type="text" name="username" value="admin" />
        <br /> 密码
        <input type="password" name="password" value="admin123" />
        <br />
        <input type="button" id="submit" value="序列化表单" />
    </form>

记得引入jq 文件

<script type="text/javascript">
         $("#submit").click(function(){

             console.log($("#myForm").serialize()); 
             //username=admin&password=admin123
             console.log($("#myForm").serializeArray()); 
            // [{name:"username",value:"admin"},{name:"password",value:"admin123"}]
            
         });
    </script>

serialize() 返回是一个标准url编码字符串

serializeArray() 返回则是一个json 格式 数组;

原文地址:https://www.cnblogs.com/pangzi666/p/5953029.html