当前位置:首页 > 开发 > Web前端 > Jquery > 正文

Jquery ajax传值取值全过程

发表于: 2012-12-01   作者:DXL_xiaoli   来源:转载   浏览:
摘要: 执行页面某个按钮传值步骤的流程,这个案例是将页面table与查询出的数据拼装好之后整体传回页面显示。 1.页面执行js 用ajax传值到action 2.后台操作查询,数据为cmdata类型 3.将该类型的数据集合遍历 4.将结果显示在页面上 $.get("<c:url value="/management/pageSourceConfigManag

执行页面某个按钮传值步骤的流程,这个案例是将页面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中。

Jquery ajax传值取值全过程

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号