`

Jquery操作json中的map对象

 
阅读更多
偶尔会遇到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);
				}
			}
	});
}
分享到:
评论

相关推荐

    java_jQuery_json工作过程

    例如,`Map, Object&gt;`是Java中最常用的用于JSON数据处理的集合类型之一,它可以轻松地转换为JSON格式。 2. **JSON数据解析**:使用json-lib等库,开发者可以方便地解析HTTP请求中的JSON数据,将其转换为Java对象...

    jQuery+json+struts2 开发备忘录(一)

    然后,前端利用jQuery的`$.ajax`或`$.getJSON`方法请求服务器数据,将接收到的JSON对象解析并更新到DOM中,实现动态更新页面内容。 例如,一个简单的Struts2 Action可能如下所示: ```java public class MyAction ...

    jQuery遍历json中多个map的方法

    // 假设我们要获取每个map中的kpiValue属性 // 这里可以对tmpArr进行进一步的操作 myChart.setTooltip(tmpArr); // 假设我们需要将tmpArr用于某个图表的tooltip }); ``` 这段代码中,我们对`data.root`数组中的...

    struts2 整合jQuery 和 json 的全部jar包

    3. **JSON数据交换**:在Struts2 Action中,你可以创建一个返回JSON的对象,例如: ```java public class MyAction { public String execute() { Map, Object&gt; map = new HashMap(); map.put("key1", "value1")...

    Struts2+JQuery+Json实例

    在Struts2 Action中,可以定义一个Map类型属性来接收这个数据,然后在客户端使用JQuery遍历和操作Map。 在"JsonTestPlus-master"项目中,可能包含了实现以上功能的代码示例,包括Struts2的配置文件、Action类、JSP...

    jQuery中json对象的复制方式介绍(数组及对象)

    在JavaScript和jQuery中,处理JSON对象的复制是一个常见的任务,特别是在数据操作和处理时。这里我们将深入探讨jQuery中两种主要的JSON对象复制方法,以及如何处理数组操作。 首先,我们来看jQuery自带的`$.map`...

    Struct2利用Ajax,JQuery交互Json

    在Web开发中,数据交互是不可或缺的一环,而Struct2、Ajax、JQuery以及Json的结合使用,可以实现高效、动态的前后端通信。这里我们将深入探讨这些技术及其在实际应用中的结合方式。 Struct2是一个基于Java的MVC...

    json.rar_JSON_JSON java_ajax json_jquery json jar_json-lib-2.2.2

    例如,使用jQuery的$.ajax或$.getJSON方法发起请求,服务器端使用这些jar包解析请求中的JSON数据,处理后返回新的JSON数据,jQuery再将其解析为JavaScript对象,更新页面内容。 总结来说,这个“json.rar”压缩包...

    Struts2JQueryJson

    在Struts2JQueryJson项目中,JQuery被用来在前端解析并展示从服务器获取的JSON数据。例如,多级联动页面可能利用JQuery的AJAX功能异步加载数据,用户在选择一级分类后,二级分类会动态更新,这种交互增强了用户体验...

    jQuery动态加载json数据.docx

    在本例中,JSON文件包含一组英雄对象,每个对象包含英雄的基本信息,如编号、名称、价格等。 ```json [ {"pno":518001,"pname":"安琪拉","price":128.9,"number":2,"adress":"中国北京","company":"数据研发中心"}...

    整合jquery+json+struts2异步提交实例

    // 将模型数据放入Map中 }}; } } ``` **Ajax** 是Asynchronous JavaScript and XML的缩写,虽然现在通常不涉及XML,但这个术语仍被用来描述使用JavaScript进行的异步数据通信。在jQuery中,Ajax已经被高度封装,...

    Struts2_jquery_json1.0.zip_Struts2 heloword_struts2_struts2 jque

    本实例"Struts2_jquery_json1.0.zip"显然演示了如何在Struts2框架中利用jQuery和JSON进行数据交换。Struts2的JSON插件允许我们轻松地将Java对象转换为JSON格式,以便在客户端使用JavaScript处理。jQuery则负责在前端...

    jquery-autoComplete 处理返回的json对象问题

    在`success`回调中,我们使用`$.map`遍历JSON数组,将每个对象转化为`{label, value}`的形式,然后将结果传递给`response`函数,这样autoComplete就能正确显示建议列表了。 此外,还需要注意以下几点: 1. 确保...

    struts2.1.8+json+jquery1.3实现ajax

    5. 数据处理:在jQuery的success回调函数中,可以使用`JSON.parse()`将JSON字符串解析为JavaScript对象,然后利用这些数据动态修改页面元素,实现无刷新更新。 6. 错误处理:同时,也要处理可能出现的错误,如网络...

    JQuery处理JSON课堂示例(Struts1.2).rar

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理、动画效果以及AJAX交互。与此同时,JSON(JavaScript Object Notation)作为轻量级的数据交换格式,由于其易读易写的特点,被...

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

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,极大地提升...

    java对象List,Map转json格式

    本篇文章将深入探讨如何将Java中的List和Map对象转化为JSON格式,并涉及与AJAX交互的相关知识。 1. **Java JSON库**: 在Java中,我们可以使用多种库来实现对象到JSON的转换,如Jackson、Gson、Fastjson等。这里以...

    Struts2整合jquery利用json与后台交互

    Struts2是一个强大的MVC(Model-View-Controller)框架,...这涉及到前端与后端的交互机制、JSON数据的序列化与反序列化、以及如何在JavaScript中操作和展示这些数据。熟悉这一流程对于提高Web应用的开发效率至关重要。

    jQuery+json异步实现JSP和struts2之间的数据传递

    总结来说,"jQuery+json异步实现JSP和struts2之间的数据传递"是Web开发中的常见实践,它利用jQuery的Ajax功能与Struts2的JSON支持,实现了前后端的数据同步,简化了开发流程,提高了应用程序的响应速度和用户体验。...

Global site tag (gtag.js) - Google Analytics