用ajax与后台数据交换(jQuery篇)

来源：互联网发布：plsql导出表数据dmp 编辑：程序博客网时间：2024/06/01 18:46
copy别人的代码。。。(请忽略xss漏洞)
//用户操作历史记录请求的ajax        function XXX(page2){        $.ajax({                type:"post",                url:projectName+"/userhistory/selectPage.action",                async:false,                cache:false,                data:{"page":page2},                dataType:"json",                beforeSend:function(){                    $("body").append("<div id='load'>"+                    "<div class='loading'>"+                    "<img src='"+projectName+"/images/ajax-loader-3.gif'/>"+                    "</div>"+                    "</div>");                },                success:function(data){                 //加载页面的时候拿到总页面数量                totalPages2= Math.ceil(data.total/5);                 //拿到用户数据长度                var dataObj = data.rows;                 var len = dataObj.length;                //先清空列表                 $("#user_do_history").html("");                 for(var i=0;i<len;i++){                     $("#user_do_history").append(                             "<tr>"+                             "<td><input type='checkbox' /></td>"+                             "<td>"+dataObj[i].userId+"</td>"+                             "<td>"+dataObj[i].userName+"</td>"+                             "<td>"+dataObj[i].controllerId+"</td>"+                             "<td>"+dataObj[i].controllerType+"</td>"+                             "<td>"+changeDate(dataObj[i].opentime,true)+"</td>");//                             "<td>"+dataObj[i].description+"</td>");                     }                                 },                error:function(){                    $("#user_list").prepend(    "<div class='alert alert-danger alert-dismissible fade in' id='alert1' role='alert'>"+    "<button type='button' class='close' data-dismiss='alert' aria-label='Close'>"+    "</button>"+    "<strong>加载失败！服务器开小差了￣へ￣</strong>"+    "</div>");                    $("#alert1").fadeOut(2500);                },                complete:function(){                    $("#load").remove();                }            });       }
0 0