function listCallBackOK(data){ var list = data.list; if(list.length==0){ $("#pageDatas").html("<span style='color:red'>没有找到数据</span>"); } var str=""; for(var i in list){ var role = list[i]; str+="<tr id='"+role.role_code+"'><td class='numberCol'>"+(parseInt(i)+1)+"</td><td>"+role.role_code +"</td><td>"+role.role_name+"</td>" +"<td><a href='javascript:editRole(\""+role.role_code+"\",\""+role.role_name+"\");'>修改</a> " +"<a href='javascript:role_menu(\""+role.role_code+"\")'>角色菜单</a> " +"<a href='javascript:delRole(\""+role.role_code+"\")'>删除</a></td></tr>"; } $("#pageDatas").html(str); $("#paging").html(data.pageVO.pageBar); } 我这个是ajax执行后的回调函数,data为异步执行后返回的json数据,list是我需要的查询出来的数据你参考一下吧
ajax请求一个 html片段 然后append到你的当前页面上即可 for example $.ajax( ... success:function(data){ $("#content").empty().append(data); } );
var list = data.list;
if(list.length==0){
$("#pageDatas").html("<span style='color:red'>没有找到数据</span>");
}
var str="";
for(var i in list){
var role = list[i];
str+="<tr id='"+role.role_code+"'><td class='numberCol'>"+(parseInt(i)+1)+"</td><td>"+role.role_code
+"</td><td>"+role.role_name+"</td>"
+"<td><a href='javascript:editRole(\""+role.role_code+"\",\""+role.role_name+"\");'>修改</a> "
+"<a href='javascript:role_menu(\""+role.role_code+"\")'>角色菜单</a> "
+"<a href='javascript:delRole(\""+role.role_code+"\")'>删除</a></td></tr>";
}
$("#pageDatas").html(str);
$("#paging").html(data.pageVO.pageBar);
}
我这个是ajax执行后的回调函数,data为异步执行后返回的json数据,list是我需要的查询出来的数据你参考一下吧
for example
$.ajax(
...
success:function(data){
$("#content").empty().append(data);
}
);