日期:2014-05-20  浏览次数:20570 次

加载页面时如何异步查询数据,并将返回的数据用c forecach迭代显示在页面上?
RT,求各位大大们帮个忙,这是小弟刚接触的框架 springMVC+mybatis,加载页面时要异步的去查询信息,返回一个list,并用json返回,但是不值得怎么办json里面的数据显示在页面相对应的位置,求给位帮忙。。。
ps  我之前也看了一下同步加载的方法,那个是用request 返回的List。。但是页面显示也出错了,不知道能不能给个样例,让小弟参考一下。。。
在此谢过各位了。。。
json springMVC ajax

------解决方案--------------------
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>&nbsp;&nbsp;"
             +"<a href='javascript:role_menu(\""+role.role_code+"\")'>角色菜单</a>&nbsp;&nbsp;"
             +"<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);
   }
);