【2017-6-6】AJAX 完整结构

最新推荐文章于 2024-09-18 09:11:54 发布

weixin_30916125

最新推荐文章于 2024-09-18 09:11:54 发布

阅读量40

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/hanqi0216/p/6952268.html

版权

注意写注释的地方

$("#btn1").click(function () {
        $.ajax({
            url: "../Handler2.ashx",
            data: {},
            type: "post",
            dataType: "json",
            async: false,//异步
            success: function (msg) {
                $("#tbody1").html("");
                for (var i = 0; i < msg.length; i++) {
                    var str = "  <tr style=\"background-color: white;\">"
                    str += " <td>" + msg[i].username + "</td>";
                    str += "<td>" + msg[i].password + "</td>";
                    str += " <td>" + msg[i].nickname + "</td>";
                    str += " <td>" + msg[i].sex + "</td>";
                    str += " <td>" + msg[i].birthday + "</td>";
                    str += " <td>" + msg[i].nation + "</td>";
                    str += "</tr>";
                    $("#tbody1").append(str);
                }

            },
            error: function () { //服务端路径错误，服务端出错，服务端没有返回规定的json格式数据
                alert('err');
            },
            beforeSend: function () {//在这之前执行的内容
                $("#btn1").attr("disabled", "disabled");
                $("#btn1").val("加载中...");
            },
            complete: function () {//最后在执行，回到初始状态
                $("#btn1").removeAttr("disabled");
                $("#btn1").val("加载数据");
            }
        });

    });