当前位置:首页 > 开发 > 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

    震惊

    震惊

编辑推荐
问题:期望在cgridview中点击设置的button传递id号到CJuiDialog中,进行处理,先看结果: 解决步骤
实在是太菜了。 这样一个需求: 计算两个text中的值的和,引发了对jQuery中类型转换的知识软肋。 在
可以在官方下载:《ThinkPHP示例:ajax分页操作》的事例看一看,跟这个比较类似,但是不需要用到分页
页面布局类似于下图: 其中整个页面布局是main.html,代码如下: <!DOCTYPE html PUBLIC "-//W3C
1、使用委托解决跨窗体传值 传值的过程中使用的是同一个线程,当这两个窗体分别想做一些其他处理又
新人自学SpringMVC,记录下学习心得,愿与众位分享。如有什么疏漏之处还望前辈们指教(求轻拍) 昨
今天是节后第一天上班,公司不错,给了红包,发点基础的吧,说说最最简单的代理传值: 所谓代理就是让别
x=1 echo x=$x >> $JENKINS_HOME/jobs/$JOB_NAME/builds/$BUILD_ID/my.properties xx=$(grep
<?php // 本类由系统自动生成,仅供测试用途 class IndexAction extends Action { public functi
标签 <s:optiontransferselect> 功能描述:实现将左列的数据右移,点击添加后将右列的数据提交
版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号