加载页面时如何异步查询数据，并将返回的数据用c forecach迭代显示在页面上？

Question

jsonspringMVCajax

Answer 1

找个js template 引擎就好

Answer 2

freemaker。。有自带的。。哈哈

Answer 3

  什么意思呢。。free不用ajax也可以吗？

Answer 4

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是我需要的查询出来的数据你参考一下吧

Answer 5

ajax请求一个 html片段 然后append到你的当前页面上即可
for example
$.ajax(
   ...
   success:function(data){
      $("#content").empty().append(data);
   }
);