后台map 转为json 传到前台构建js对象数组

最新推荐文章于 2023-05-01 11:21:21 发布

jinhua1314

最新推荐文章于 2023-05-01 11:21:21 发布

阅读量4.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS与JQuery 文章标签： jsp json

本文链接：https://blog.csdn.net/jinhua1314/article/details/21816937

JS与JQuery 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一个简单的Java后台与JavaScript前台的数据交互案例。Java使用HashMap存储数据，并通过JSON配置将其转换为JSON字符串发送到前端。前端使用AJAX获取数据并解析成JavaScript对象进行展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

后台java代码

Map listMap = new HashMap();
listMap.put("10", "热卖商品");
listMap.put("11", "限时抢购");
JsonConfig config = new JsonConfig();
String rs = JSONObject.fromObject(listMap, config).toString();
out.print(rs);

{"10":"热卖商品","11":"限时抢购"} ------ > var data = [{ id: 10, text: '热卖商品' }, { id:11, text: '限时抢购'}];

前台js：

var typeData = [];

...ajax..................

success: function (text) {

    	    	var o = mini.decode(text);
    	        for(i in o)
    	        {
    	        	var obj = {};
    	        	obj.id = i;
    	        	obj.text = o[i];
    	        	typeData.push(obj);
    	        	alert(obj.id);
    	        	alert(obj.text);
    	        	alert(typeData);
    	        }
    	        
    	    },
........................

后台map 转为json 传到前台 构建js对象数组

后台map 转为json 传到前台构建js对象数组