偶尔会遇到jquery操作map的时候,但经常忘记,所以记录一下:
后台java代码,生成Map数据
if (Collections.isNotEmpty(vidList)) {
this.dtcMap = new HashMap<String, Object>();
for (String vid : vidList) {
boolean isExist = (iCache.get("EMC" + vid) != null);
// LOGGER.info("******************************** vid = " + iCache.get("EMC" + vid));
if (isExist) {
dtcMap.put(vid, iCache.get("EMC" + vid));
}
}
}
前台Jquery操作
function getDtcAndGps() {
$.Ajax( {
url : $.webPath + 'obd/monitor/getMonitorRtDtc.do',
success : function(data) {
if (data.errMsg) {
$.alert(data.errMsg);
} else {
$("#carContentDiv").empty();
var html = "";
$.each(data.dtcMap, function(key, value) {
html += "<div id='" + key + "' class='carImg'>A:<img src='" + $.webPath
+ "resources/images/demo/car1.jpg' class='carIcon'/>" + key
+ "</div>";
// html += value;
// html += key;
});
$(html).appendTo("#carContentDiv");
// $.alert(data.dtcMap);
}
}
});
}
分享到:
相关推荐
例如,`Map, Object>`是Java中最常用的用于JSON数据处理的集合类型之一,它可以轻松地转换为JSON格式。 2. **JSON数据解析**:使用json-lib等库,开发者可以方便地解析HTTP请求中的JSON数据,将其转换为Java对象...
然后,前端利用jQuery的`$.ajax`或`$.getJSON`方法请求服务器数据,将接收到的JSON对象解析并更新到DOM中,实现动态更新页面内容。 例如,一个简单的Struts2 Action可能如下所示: ```java public class MyAction ...
// 假设我们要获取每个map中的kpiValue属性 // 这里可以对tmpArr进行进一步的操作 myChart.setTooltip(tmpArr); // 假设我们需要将tmpArr用于某个图表的tooltip }); ``` 这段代码中,我们对`data.root`数组中的...
3. **JSON数据交换**:在Struts2 Action中,你可以创建一个返回JSON的对象,例如: ```java public class MyAction { public String execute() { Map, Object> map = new HashMap(); map.put("key1", "value1")...
在Struts2 Action中,可以定义一个Map类型属性来接收这个数据,然后在客户端使用JQuery遍历和操作Map。 在"JsonTestPlus-master"项目中,可能包含了实现以上功能的代码示例,包括Struts2的配置文件、Action类、JSP...
在JavaScript和jQuery中,处理JSON对象的复制是一个常见的任务,特别是在数据操作和处理时。这里我们将深入探讨jQuery中两种主要的JSON对象复制方法,以及如何处理数组操作。 首先,我们来看jQuery自带的`$.map`...
在Web开发中,数据交互是不可或缺的一环,而Struct2、Ajax、JQuery以及Json的结合使用,可以实现高效、动态的前后端通信。这里我们将深入探讨这些技术及其在实际应用中的结合方式。 Struct2是一个基于Java的MVC...
例如,使用jQuery的$.ajax或$.getJSON方法发起请求,服务器端使用这些jar包解析请求中的JSON数据,处理后返回新的JSON数据,jQuery再将其解析为JavaScript对象,更新页面内容。 总结来说,这个“json.rar”压缩包...
在Struts2JQueryJson项目中,JQuery被用来在前端解析并展示从服务器获取的JSON数据。例如,多级联动页面可能利用JQuery的AJAX功能异步加载数据,用户在选择一级分类后,二级分类会动态更新,这种交互增强了用户体验...
在本例中,JSON文件包含一组英雄对象,每个对象包含英雄的基本信息,如编号、名称、价格等。 ```json [ {"pno":518001,"pname":"安琪拉","price":128.9,"number":2,"adress":"中国北京","company":"数据研发中心"}...
// 将模型数据放入Map中 }}; } } ``` **Ajax** 是Asynchronous JavaScript and XML的缩写,虽然现在通常不涉及XML,但这个术语仍被用来描述使用JavaScript进行的异步数据通信。在jQuery中,Ajax已经被高度封装,...
本实例"Struts2_jquery_json1.0.zip"显然演示了如何在Struts2框架中利用jQuery和JSON进行数据交换。Struts2的JSON插件允许我们轻松地将Java对象转换为JSON格式,以便在客户端使用JavaScript处理。jQuery则负责在前端...
在`success`回调中,我们使用`$.map`遍历JSON数组,将每个对象转化为`{label, value}`的形式,然后将结果传递给`response`函数,这样autoComplete就能正确显示建议列表了。 此外,还需要注意以下几点: 1. 确保...
5. 数据处理:在jQuery的success回调函数中,可以使用`JSON.parse()`将JSON字符串解析为JavaScript对象,然后利用这些数据动态修改页面元素,实现无刷新更新。 6. 错误处理:同时,也要处理可能出现的错误,如网络...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及AJAX交互。与此同时,JSON(JavaScript Object Notation)作为轻量级的数据交换格式,由于其易读易写的特点,被...
在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,极大地提升...
本篇文章将深入探讨如何将Java中的List和Map对象转化为JSON格式,并涉及与AJAX交互的相关知识。 1. **Java JSON库**: 在Java中,我们可以使用多种库来实现对象到JSON的转换,如Jackson、Gson、Fastjson等。这里以...
Struts2是一个强大的MVC(Model-View-Controller)框架,...这涉及到前端与后端的交互机制、JSON数据的序列化与反序列化、以及如何在JavaScript中操作和展示这些数据。熟悉这一流程对于提高Web应用的开发效率至关重要。
总结来说,"jQuery+json异步实现JSP和struts2之间的数据传递"是Web开发中的常见实践,它利用jQuery的Ajax功能与Struts2的JSON支持,实现了前后端的数据同步,简化了开发流程,提高了应用程序的响应速度和用户体验。...