`
DXL_xiaoli
  • 浏览: 71389 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

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中。

0
0
分享到:
评论

相关推荐

    通过Jquery实现Ajax传值.rar

    本示例“通过Jquery实现Ajax传值.rar”着重讲解如何在MVC(Model-View-Controller)架构中利用jQuery的Ajax功能来传递数据,避免了传统表单提交带来的页面刷新问题。 首先,理解MVC模式是至关重要的。MVC是一种软件...

    jquery ajax 异步传值并把值赋予在div标签内

    jquery ajax 异步传值并把值赋予在div标签内 很简单的jquery ajax异步传值 让您清楚了解jquery ajax运作 点击按钮的时候 程序会通过ajax去获取某个PHP文件的输出值 获取PHP文件的输出值的那一刻下面的程序会继续执行...

    jQuery Ajax传值到Servlet出现乱码问题的解决方法

    在开发Web应用时,我们经常会遇到字符编码的问题,特别是在使用jQuery AJAX与Servlet进行交互时。本文将详细讨论如何解决jQuery AJAX向Servlet传递...遵循这些步骤,一般可以有效解决AJAX传值到Servlet时的乱码问题。

    asp.net的ajax传值

    在ASP.NET中,实现AJAX传值通常涉及到以下关键知识点: 1. **UpdatePanel**:ASP.NET AJAX控件工具箱中的UpdatePanel是实现部分页面更新的基础。它可以将一个或多个控件包裹起来,当这些控件触发事件时,...

    jQuery Ajax向某个页面传值并取得返回的数组

    "jQuery Ajax向某个页面传值并取得返回的数组"这一主题涉及到如何使用jQuery的Ajax方法来发送请求,传递参数,并接收服务器返回的数据,特别是数组类型的数据。 首先,我们需要理解jQuery的Ajax方法`$.ajax()`,这...

    jquery的get()方法ajax传值php实例

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。本实例将深入探讨如何使用jQuery的`get()`方法进行Ajax请求,将数据传递到PHP服务器,并接收JSON格式的响应。让我们...

    AJAX传值与评论实例

    **AJAX传值与评论实例详解** 在Web开发中,AJAX(Asynchronous JavaScript and XML)是一种不刷新整个页面即可实现局部数据更新的技术。通过AJAX,我们可以向服务器异步发送请求,获取数据并动态更新页面,从而提高...

    jquery ajax接收后台传值

    ### jQuery AJAX 接收后台传值 在本案例中,主要介绍了如何利用jQuery AJAX技术实现根据JSP页面中下拉框的选择来动态控制显示不同的内容。这种交互方式常见于需要实时响应用户操作并从服务器获取数据的应用场景。 ...

    jquery ajax用json传值实例asp.net

    总之,这个"jquery ajax用json传值实例 asp.net"是一个很好的学习资源,可以帮助初学者快速掌握如何在客户端和服务器之间使用AJAX和JSON进行数据交换。通过实践和理解这些基础概念,你可以进一步提升你的Web开发技能...

    Jquery Ajax分页(有实例)

    **jQuery AJAX分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,它能够有效地组织大量数据,提高页面加载速度,优化用户体验。jQuery,一个轻量级、功能丰富的JavaScript库,结合AJAX(异步JavaScript和...

    CakePHP使用ajax传值

    CakePHP框架中实现Ajax传值是通过AJAX (Asynchronous JavaScript and XML) 技术与后端的CakePHP控制器进行数据交换的一种方式。通常在Web开发中,Ajax用于创建更为动态和响应快速的用户界面。当用户与页面上的元素...

    jQuery Ajax 实例 全解析

    jQuery Ajax 实例 全解析; jQuery Ajax 实例 全解析;

    Jquery Ajax 前后台数据传输

    本文将详细介绍使用jQuery AJAX实现三种不同方式的前后台数据传输,以及如何处理界面内容的传值和返回值。 1. **基本的AJAX调用** jQuery提供了`$.ajax()`方法,它是所有其他AJAX功能的基础。例如,我们可以使用...

    asp+jquery ajax实例源码,添加,删除,修改,分页

    【ASP + jQuery AJAX 实例源码详解】 ASP (Active Server Pages) 是微软开发的一种服务器端脚本语言,常用于构建动态网页。jQuery 是一个流行的JavaScript库,它简化了DOM操作、事件处理、动画以及AJAX交互。AJAX...

    Jquery ajax方式读取txt文件、Jquery分页.

    在给定的标题和描述中,主要涉及两个关键知识点:使用jQuery的AJAX方法读取TXT文件和实现jQuery分页功能。接下来,我们将深入探讨这两个主题。 首先,我们来讨论如何使用jQuery的AJAX方法读取TXT文件。AJAX(异步...

    jquery ajax Datatable与json之间数据转换

    jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换jquery ajax Datatable与json之间数据转换...

    jqueryajax jquery ajax

    **jQuery AJAX** 是一个在Web开发中广泛使用的JavaScript库,由John Resig于2006年创建。jQuery简化了JavaScript中的异步HTTP(Ajax)请求,使得开发者能够轻松地与服务器进行数据交互,实现页面的局部刷新,提高...

    jQuery Ajax前后端使用JSON进行交互示例

    本篇文章主要介绍了jQuery Ajax前后端使用JSON进行交互示例,实现前端通过jQuery Ajax传输json到后端,后端接收json,对json进行处理,后端返回一个json给前端,有兴趣的可以了解一下。

    html静态页JQuery ajax示例demo 源码

    在jQuery库中,AJAX功能被简化并封装成了易于使用的API。`$.ajax()`是jQuery提供的核心AJAX函数,它允许我们配置各种选项来定制请求,如URL、请求类型(GET或POST)、数据类型(JSON、XML、HTML等)以及请求成功或...

Global site tag (gtag.js) - Google Analytics