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

[shqhunter]

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

[lsen620]

Ajax·······

[yktd26]

找个js template 引擎就好

[shqhunter]

引用 2 楼 yktd26 的回复:

找个js template 引擎就好

freemaker。。有自带的。。哈哈

[skyzxl]

ajax,freemark都可以

[shqhunter]

引用 4 楼 skyzxl 的回复:

ajax,freemark都可以

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

[fyr1ove]

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

[山鬼谣me]

引用 5 楼 shqhunter 的回复:

引用 4 楼 skyzxl 的回复:

ajax,freemark都可以

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

谢谢，对我有帮助，再次感谢！

[山鬼谣me]

引用 6 楼 fyrlovezzp 的回复:

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

刚刚发错了，应该是这个，谢谢，对我有帮助，再次感谢！