最近在搞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);
},
分享到:
相关推荐
这里,`YourPojo`是自定义的Java类,包含一个List字段和一个Map字段,Spring MVC会自动将接收到的JSON数据映射到这个类的实例上。 在实际应用中,你可能还需要关注跨域请求(CORS)问题,因为默认情况下,浏览器...
在"DWR AJAX实例"中,我们主要关注的是如何通过DWR框架来实现AJAX的功能。首先,DWR允许你定义Java方法以便在JavaScript中直接调用,这极大地简化了客户端与服务器之间的交互。例如,你可以定义一个返回String或List...
这个"dwR练习实例(各种数据转换list,map,数组等)"是一个用于学习DWR如何处理和转换不同数据类型的教程。在这个实例中,我们将探讨DWR如何处理List、Map以及数组等常见的数据结构。 首先,让我们理解DWR的核心功能。...
**AjaxStruts2Json实例详解** 在Web开发中,用户界面的实时性和互动性变得越来越重要,这使得异步更新技术如Ajax(Asynchronous JavaScript and XML)被广泛应用。Ajax允许网页在不重新加载整个页面的情况下与...
这个实例主要用于在不刷新整个页面的情况下,通过Ajax从后台获取并显示一个包含多个ErrorCondition对象的List集合。 首先,JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时...
总结来说,实例059展示了如何使用Java的Map数据结构来存储和管理省市级联选择框的数据,并结合前端的JavaScript和Ajax技术实现联动效果。这种方式不仅简洁高效,还能灵活适应数据的变化,是Web开发中处理这类问题的...
基于spring mvc注解开发的ajax项目实例,通过对注解@ResponseBody的应用,实现ajax局部刷新功能,java代码端返回Map,Integer,User,List等对象,在jsp页面通过$.each(data,function(index,entity) { });...
List<Map, Object>> dataList = new ArrayList(); while (rs.next()) { Map, Object> dataMap = new HashMap(); dataMap.put("name", rs.getString("name")); dataMap.put("grade", rs.getString("grade")); ...
它可以表示数组(list)、对象(map)以及基本数据类型,与JavaScript语法高度兼容,非常适合用于前后端数据交互。 ### 4. 实现过程 #### 4.1 后端处理 - **配置Struts Action**:创建一个Struts Action类,处理...
168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? 41 172、Ajax和javascript的区别? 41 Servlet...
public Map, Object> handleAjaxRequest(@RequestParam Map, String> params) { // 处理业务逻辑 List<Movie> movies = movieDao.getMovies(params); return Collections.singletonMap("movies", movies); } } ...
<title>jQuery map() 方法用法实例 <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> $(document).ready(function(){ $("p").append($("input").map(function(){ return $(this)....
本文将深入探讨如何使用Java实现这一目标,通过一个具体的代码实例讲解如何模拟AJAX访问另一个项目的Controller。 首先,理解AJAX的核心概念:它允许网页在不重新加载整个页面的情况下与服务器进行通信。在Java中,...
后台返回的数据: {"receiveList":[{"receive_dept_id":"1007873","receive_dept_desc":"区公司领导","guid":"2016112316042622494230",...其实仔细分析返回的格式,很简单,就是一个Map,里面放了一个List,List
适合ajax dwr 初学者 本实例所要介绍的是采用dwr来操作页面表单table,发送各种(带有参数包括简单类型,list,map类型)请求,并返回各种信息(包括普通的javabean,java.util.List,java.util.Map信息)
List<Map, Object>> list = new ArrayList(); // ... (省略具体实现) Gson gson = new Gson(); return gson.toJson(list); } ``` #### 四、总结 本教程通过具体的代码实例详细介绍了如何使用 JavaScript 和 ...
在本文中,我们将深入探讨如何...这个实例展示了如何利用Ajax和后端服务实现动态加载更多数据,提高用户体验,避免了全页面刷新的延迟。在实际应用中,可以根据需求进行优化,例如添加分页逻辑、处理数据过滤和排序等。