文章标题

转载于 2015-03-14 21:51:29 发布 · 537 阅读

文章标签：

#ajax #提交

随记同时被 2 个专栏收录

21 篇文章

订阅专栏

php

6 篇文章

订阅专栏

本文详细介绍了使用Ajax进行POST提交的方法及实例，包括如何构造JSON数据并进行数据转换。

Ajax提交实例

<html>
<head>
    <title></title>
    <script src="../../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="../../Scripts/JqueryJson.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $("#json").click(function () {
             //数组里的字段的命名和类型要和一般处理程序里定义的类里的变量要一样
             //否则会出问题
                var postdata = new Array();
                postdata[1] = { id: 1, number: "yes" };
                postdata[2] = { id: 2, number: "no" };

                var postData = $.toJSON(postdata);  //把数组转换成json字符串
                //将json字符串反序列化，这个只是测试一下数组是否转换成json字符串
                var content = $.parseJSON(postData);
                $.each(content, function () {
                    alert(this.number);
                });
                //post提交并处理
                $.post("json.ashx", { "array": postData }, function (data, status) {
                    if (status == "success") {
                        alert(data);
                    }
                });
            });
        })
    </script>
</head>
<body>
<input type="button" value="json" id="json"/>
</body>
</html>