【AJAX】使用serialize()方法序列化表单元素值

最新推荐文章于 2021-08-05 18:19:55 发布

badlyForPapers

最新推荐文章于 2021-08-05 18:19:55 发布

阅读量1.9k

点赞数

分类专栏： AJAX

本文链接：https://blog.csdn.net/happyhaojie/article/details/51082217

版权

AJAX 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

我觉得这是个只可意会不可言传的方法，感觉不知道做啥，还不如直接看例子稍微能理解点。

使用serialize()方法可以将表单中有name属性的元素值进行序列化，生成标准URL编码文本字符串，直接可用于ajax请求。

调用方式：$(selector).serialize()。

例子：调用serialize()将表单中的元素值进行序列化，并将序列化后的字符串内容显示在页面元素中。

    <body>
        <div id="divtest">
            <div class="title">
                <span class="fl">我的个人资料</span> 
                <span class="fr">
                    <input id="btnAction" type="button" value="序列化" />
                </span>
            </div>
            <form action="">
            <ul>
                <li>姓名：<input name="Text1" type="text" size="12" /></li>
                <li>
                    <select name="Select1">
                        <option value="0">男</option>
                        <option value="1">女</option>
                    </select>
                </li>
                <li><input name="Checkbox1" type="checkbox" />资料是否可见 </li>
                <li id="litest"></li>
            </ul>
            </form>
        </div>
        
        <script type="text/javascript">
            $(function () {
                $("#btnAction").bind("click", function () {
 $("#litest").html($("form").serialize()); 
                })
            })
        </script>
    </body>