话说这个序列化之后怎么用于POST或者GET请求中呢？ -慕课网

                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

话说这个序列化之后怎么用于POST或者GET请求中呢？

hjk931719117

2014-10-30

源自：jQuery基础课程 8-6

关注问题我要回答

1308

操作

收起

3 回答

陶老实
2014-11-01

1.概念：$("form").serialize()，这种表单序列化的方式，其本质是将表单中的元素值自动处理成标准 URL 编码字符串，这样的话，我们在传输数据时，不用一个个值去拼接，这种方式更加快捷，正确性高，利于表单中有大量提交元素字段时使用。

2.使用：因为这个方法处理的是提交的元素值，因此，只要在发送数据时，通过表单通过，调用该方法即可，代码为：

$.post(url,$("form").serialize(),

function (d) {

});

5 回复有任何疑惑可以回复我~

收起回答

cindy441531
2014-10-30

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>使用serialize()方法序列化表单元素值</title>
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
</head>
<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="num" type="text" size="12" /></li>
            <li id="litest"></li>
        </ul>
        </form>
    </div>
    <script type="text/javascript">
        $(function () {
            $("#btnAction").bind("click", function () {
                $.post("http://www.imooc.com/data/check_f.php",$("form").serialize(),
                function (data) {
                    $("#litest").html(data);
                });
            })
        });
    </script>
</body>
</html>

post方式

4 回复有任何疑惑可以回复我~

收起回答

偌颜宁
2014-10-30

//序列化之后直接作为ajax的data值发起请求就可以了
$.ajax({
...
data:$("form").serialize() ,
...})

3 回复有任何疑惑可以回复我~

收起回答

0/150

提交

取消

jQuery基础课程

参与学习 154768 人
解答问题 7184 个

加入课程学习，有效提高前端开发速度

进入课程

我要回答关注问题

热搜

最近搜索清空

3 回答