zoukankan      html  css  js  c++  java
  • 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 格式 数组;

  • 相关阅读:
    新博客
    【Gym-100712 #H】Bridges
    【CodeForces817F】MEX Queries
    【POJ1734】Sightseeing trip
    【Aizu2968】Non-trivial Common Divisor
    【Gym-101473 #I】Patches
    【POJ2228】Naptime
    【CodeForces219D】Choosing Capital for Treeland
    【URAL1018】Binary Apple Tree
    深入探索C++对象模型(五)
  • 原文地址:https://www.cnblogs.com/pangzi666/p/5953029.html
Copyright © 2011-2022 走看看