jQuery函数之serializeArray()

最新推荐文章于 2022-08-08 09:45:23 发布

琴剑山庄

最新推荐文章于 2022-08-08 09:45:23 发布

阅读量393

点赞数

CC 4.0 BY-SA版权

分类专栏： JS

本文链接：https://blog.youkuaiyun.com/helongzhong/article/details/75009740

JS 专栏收录该内容

8 篇文章

订阅专栏

jQuery中文文档：http://jquery.bootcss.com/

serializeArray()将用作提交的表单元素的值编译成拥有name和value对象组成的数组。

例如[ { name: a value: 1 }, { name: b value: 2 },...]

示例代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
"http://www.w3.org/TR/html4/loose.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml">  
    <head>  
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
        <title>New Web Project</title>  
        <script type="text/javascript" src="js/jquery-1.11.1.js"></script>  
        <script type="text/javascript">  
            /**  
             * 被禁用的元素不会被包括在内。并且,元素必须含有 name 属性。此外，提交按钮的值也不会被序列化。  
             * 文件选择元素的数据也不会被序列化。  
             * .serializeArray() 方法可以对单独选择的表单元素对象进行操作， 比如 <input>, <textarea>, 和 <select>。  
             * 还有个更方便的方法是，直接使用 <form> 标签来进行序列化操作：  
             */  
            $(function() {  
                $('form').submit(function() {  
                    console.log($(this).serializeArray());  
                    return false;  
                });  
            });  
              
        </script>  
    </head>  
    <body>  
        <form>  
            <div>  
                <!-- 被禁用的元素不会被包括在内 -->  
                <input type="text" name="aa" value="aa_" id="aa" disabled="true" />                 
            </div>  
            <div>  
                <input type="text" name="bb" value="bb_" id="bb" readonly="readonly" />                 
            </div>  
              
            <div>  
                <input type="text" name="a" value="1" id="a" />  
            </div>  
            <div>  
                <input type="text" name="b" value="2" id="b" />  
            </div>  
            <div>  
                <input type="hidden" name="c" value="3" id="c" />  
            </div>  
            <div>  
                <textarea name="d" rows="8" cols="40">4</textarea>  
            </div>  
            <div>  
                <select name="e">  
                    <option value="5" selected="selected">5</option>  
                    <option value="6">6</option>  
                    <option value="7">7</option>  
                </select>  
            </div>  
            <div>  
                <input type="checkbox" name="f" value="8" id="f" />  
            </div>  
            <div>  
                <input type="submit" name="g" value="Submit" id="g" />  
            </div>  
        </form>  
    </body>  
</html>