jq_ajax単純応用

2627 ワード

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.
            });
        }


    }

})