`
JavaStudyEye
  • 浏览: 80605 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Ajax 实例(list,map)

阅读更多
最近在搞Ajax,写了个入门程序,留个记号,嘿嘿
代码在附件中
//初始加载页面时调用的方法

//说明,关于$.ajax的参数说明,请参阅附件中jquery文档,或者查找网站资料
$(document).ready(function(){
	$("#thisMap").click(function(){
		$.ajax( {
			type : "POST",
			url : "ajax!readyMapToPage.action",
			error: function() {
				//服务器返回失败调用的方法
				alert("error!---说明服务器返回失败");
			},
			dataType : "json",
			success : function(data) {
				var thisMapValueStr = "";
				for(var i=0;i<data.length;i=i+1) {
					var caseMap = data[i]; //获取Map
				    for(var i=0;i<10;i=i+1){
				    	//注意这里用了 eval方法,js会将里面的字符串当做变量来处理
				    	thisMapValueStr ="<tr><td>" + eval("caseMap.test" + i) + "</tr></td>";
						$("#resultTable").append(thisMapValueStr);
						thisListValueStr = "";
				    } 
				}
				
			}
		});
	});
	
	$("#thisList").click(function(){
		$.ajax( {
			type : "POST",
			url : "ajax!readyListToPage.action",
			error: function() {
				//服务器返回失败调用的方法
				alert("error!---说明服务器返回失败");
			},
			dataType : "json",
			success : function(data) {
				var thisListValueStr = "";
				for(var i=0;i<data.length;i=i+1) {
					//解释一下data[i][i],第一个[i]是获得JSONArray中的第i个值,
					//第二个[i]是JSONArray中的第i个值中的第i个值。
					//如本方法caseList[0],是data中第一个list中的第一个值
					var caseList = data[i]; //获取Map
				    for(var i=0;i<caseList.length;i=i+1){ 
				    	thisListValueStr ="<tr><td>" + caseList[i] + "</tr></td>";
						$("#resultTable").append(thisListValueStr);
						thisListValueStr = "";
				    } 
				}
			}
		});
	});
	
});



知道错误信息:
   error: function (msg) {
             alert(msg.responseText);
         },
分享到:
评论

相关推荐

    jQuery的Ajax实现异步传输List、Map

    这里,`YourPojo`是自定义的Java类,包含一个List字段和一个Map字段,Spring MVC会自动将接收到的JSON数据映射到这个类的实例上。 在实际应用中,你可能还需要关注跨域请求(CORS)问题,因为默认情况下,浏览器...

    DWR AJAX实例

    在"DWR AJAX实例"中,我们主要关注的是如何通过DWR框架来实现AJAX的功能。首先,DWR允许你定义Java方法以便在JavaScript中直接调用,这极大地简化了客户端与服务器之间的交互。例如,你可以定义一个返回String或List...

    dwr练习实例(各种数据转换list,map,数组等)

    这个"dwR练习实例(各种数据转换list,map,数组等)"是一个用于学习DWR如何处理和转换不同数据类型的教程。在这个实例中,我们将探讨DWR如何处理List、Map以及数组等常见的数据结构。 首先,让我们理解DWR的核心功能。...

    AjaxStruts2Json实例

    **AjaxStruts2Json实例详解** 在Web开发中,用户界面的实时性和互动性变得越来越重要,这使得异步更新技术如Ajax(Asynchronous JavaScript and XML)被广泛应用。Ajax允许网页在不重新加载整个页面的情况下与...

    ajax+json+Struts2实现list传递实例讲解.docx

    这个实例主要用于在不刷新整个页面的情况下,通过Ajax从后台获取并显示一个包含多个ErrorCondition对象的List集合。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时...

    实例059 - Map映射集合实现省市级联选择框

    总结来说,实例059展示了如何使用Java的Map数据结构来存储和管理省市级联选择框的数据,并结合前端的JavaScript和Ajax技术实现联动效果。这种方式不仅简洁高效,还能灵活适应数据的变化,是Web开发中处理这类问题的...

    基于注解的spring mvc ajax应用项目实例

    基于spring mvc注解开发的ajax项目实例,通过对注解@ResponseBody的应用,实现ajax局部刷新功能,java代码端返回Map,Integer,User,List等对象,在jsp页面通过$.each(data,function(index,entity) { });...

    Ajax实现局部动态更新实例[参考].pdf

    List&lt;Map, Object&gt;&gt; dataList = new ArrayList(); while (rs.next()) { Map, Object&gt; dataMap = new HashMap(); dataMap.put("name", rs.getString("name")); dataMap.put("grade", rs.getString("grade")); ...

    ajax struts 无刷新访问后台返回json数据

    它可以表示数组(list)、对象(map)以及基本数据类型,与JavaScript语法高度兼容,非常适合用于前后端数据交互。 ### 4. 实现过程 #### 4.1 后端处理 - **配置Struts Action**:创建一个Struts Action类,处理...

    java面试宝典

    168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? 41 172、Ajax和javascript的区别? 41 Servlet...

    Mybatish和Ajax笔记

    public Map, Object&gt; handleAjaxRequest(@RequestParam Map, String&gt; params) { // 处理业务逻辑 List&lt;Movie&gt; movies = movieDao.getMovies(params); return Collections.singletonMap("movies", movies); } } ...

    jQuery中map()方法用法实例

    &lt;title&gt;jQuery map() 方法用法实例 &lt;script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"&gt;&lt;/script&gt; $(document).ready(function(){ $("p").append($("input").map(function(){ return $(this)....

    java模拟ajax访问另一个项目的controller代码实例

    本文将深入探讨如何使用Java实现这一目标,通过一个具体的代码实例讲解如何模拟AJAX访问另一个项目的Controller。 首先,理解AJAX的核心概念:它允许网页在不重新加载整个页面的情况下与服务器进行通信。在Java中,...

    ajax数据返回进行遍历的实例讲解

    后台返回的数据: {"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"区公司领导","guid":"2016112316042622494230",...其实仔细分析返回的格式,很简单,就是一个Map,里面放了一个List,List

    ajax dwr实战

    适合ajax dwr 初学者 本实例所要介绍的是采用dwr来操作页面表单table,发送各种(带有参数包括简单类型,list,map类型)请求,并返回各种信息(包括普通的javabean,java.util.List,java.util.Map信息)

    js+ajax处理java后台返回的json对象循环创建到表格的方法.docx

    List&lt;Map, Object&gt;&gt; list = new ArrayList(); // ... (省略具体实现) Gson gson = new Gson(); return gson.toJson(list); } ``` #### 四、总结 本教程通过具体的代码实例详细介绍了如何使用 JavaScript 和 ...

    通过Ajax请求动态填充页面数据的实例

    在本文中,我们将深入探讨如何...这个实例展示了如何利用Ajax和后端服务实现动态加载更多数据,提高用户体验,避免了全页面刷新的延迟。在实际应用中,可以根据需求进行优化,例如添加分页逻辑、处理数据过滤和排序等。

Global site tag (gtag.js) - Google Analytics