jq_ajax 简单应用

最新推荐文章于 2024-07-29 20:46:57 发布

心郎

最新推荐文章于 2024-07-29 20:46:57 发布

阅读量1k

点赞数

分类专栏：前段_JQuery

本文链接：https://blog.csdn.net/u011301203/article/details/62446017

版权

前段_JQuery 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


事件的顺序如下：
ajaxStart 全局事件
开始新的Ajax请求，并且此时没有其他ajax请求正在进行。
beforeSend 局部事件
当一个Ajax请求开始时触发。如果需要，你可以在这里设置XHR对象。
ajaxSend 全局事件
请求开始前触发的全局事件
success 局部事件
请求成功时触发。即服务器没有返回错误，返回的数据也没有错误。
ajaxSuccess 全局事件
全局的请求成功
error 局部事件
仅当发生错误时触发。你无法同时执行success和error两个回调函数。
ajaxError 全局事件
全局的发生错误时触发
complete 局部事件
不管你请求成功还是失败，即便是同步请求，你都能在请求完成时触发这个事件。
ajaxComplete 全局事件
全局的请求完成时触发
ajaxStop 全局事件
当没有Ajax正在进行中的时候，触发。

 $.ajax({
    type: "POST",
    url: serverUrl + "groupOperAction/myGroups",
    data: { user_logon_token: token,page:1,pageNum:1000},
    dataType: "json",
    timeout: 15000,

   beforeSend:function(){
        $("#indexTotal").hide();
        $(".qunIn").css("display","none");
        $("#admin-detail").css("display","none");
        $("#showMes").show();
    },
    complete:function(){
        $("#indexTotal").show();
        $("#showMes").hide();

    },
    success: function (data) {
        if(data.code==200&&data.message_code==9998){
            //console.log(data);
            $(".qunIn").css("display","none");
            var groups = data.result.groups;
            //console.log(groups);
            var groups_n=[];
            //遍历数组，是否是管理员还是群主，判断下
            for (var i = 0; i < groups.length; i++) {
                var role = groups[i].group_user_role;
                //console.log(role);
                switch (role) {
                    case 3:
                        role = "管理员";
                        groups[i].role_name="管理员";
                        groups_n.push(groups[i]);
                        break;
                    case 2:
                        role = "群主";
                        groups[i].role_name="群主";
                        groups_n.push(groups[i]);
                        break;
                }
            }

            var myGroup = {
                groupObj:  groups_n
            }
            var htmlInx = template("indexTemp", myGroup);
            $("#indexTotal").html(htmlInx);
            $(".qunjs").each(function () {
                var content = $(this).html().length < 140 ? $(this).html() : $(this).html().substring(0, 140) + "...";
                $(this).text(content);
                //text() or html() is ok.
            });
        }


    }

})