当前位置: 代码迷 >> Ajax >> Ajax 实例(list,地图)
  详细解决方案

Ajax 实例(list,地图)

热度:488   发布时间:2012-10-28 09:54:44.0
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);
         },
  相关解决方案