Jquery ajax传值取值全过程

执行页面某个按钮传值步骤的流程，这个案例是将页面table与查询出的数据拼装好之后整体传回页面显示。

1.页面执行js 用ajax传值到action

2.后台操作查询，数据为cmdata类型

3.将该类型的数据集合遍历

4.将结果显示在页面上

$.get("<c:url value="/management/pageSourceConfigManage/page-source!retrievePageList.action"/>",
  {menuId:menuId},
 function(text,status){
 	document.getElementById('pageList').innerHTML = text;
 				},
 	"text"
 );

 

 

 

 

public String retrievePageList() throws Exception {
	
		pageList = manage.pageList(data);//数据库中取出的值 
		System.out.println(pageList);
		Struts2Utils.renderText(getText(pageList),"encoding:UTF-8");

		return null;
     
	}
	
	//将查询结果拼接成文本形式传回页面
	private  String getText(CMultiData mdata) throws Exception {
		String str=""; 
		str="<table><tr><th>页面列表</th></tr>";
		for(int i=0;i<mdata.getDataCount();i++){
			str+="<tr><td>"+mdata.get("pageName", i)+"</td></tr>";
		}
		str+="</table>";
		return str;
	}

 

 

 

<div id="pageList" style="width:80%;height:180px">	

</div>

 

 

最终将已经在antion中拼装好的table及数据显示在jsp的div中。