JavaScript解析JSON字符串并遍历List实体对象

作者:青柠时间:2026-10-27 23:32:06浏览:160

本文介绍如何在Java后台将Map转换为JSON格式,并在前端JavaScript中解析该JSON字符串。通过eval函数将JSON串转为对象后,利用双重循环遍历List中的实体对象(如Student),提取ID和姓名等属性,适用于常规Web开发中的数据交互场景。

后端JSON数据转换与传输

第一步,后端Action需将Map数据结构转换为JSON格式以便传输。

具体实现代码如下:

 
定义Map<String, List> resultMap;
使用JSONObject.fromObject(resultMap)将Map对象序列化为JSON对象。
调用json.toString()获取JSON字符串赋值给message变量。

该List中存储了多个Student实体对象。



前端JSON解析与对象遍历

第二步,前端JavaScript需将接收到的JSON字符串解析为JS对象。


相关代码如下:

 
使用eval("("+data+")")将JSON字符串转换为JS对象obj。

第三步,通过遍历获取List中的具体对象数据。


代码实现如下:

 
使用for(var key in obj)进行第一层循环,以获取各个List。
将obj[key]赋值给变量List。
使用for(var student in List)进行第二层循环,以遍历List中的对象。
通过List[student].id访问对象的id属性并弹出提示。
通过List[student].name访问对象的name属性并弹出提示。
} 
} 

此外,推荐以下实用的JSON在线工具供参考:

在线JSON代码检验、检验、美化、格式化工具: http://tools.jb51.net/code/json

JSON在线格式化工具: http://tools.jb51.net/code/jsonformat

在线XML/JSON互相转换工具: http://tools.jb51.net/code/xmljson

json代码在线格式化/美化/压缩/编辑/转换工具: http://tools.jb51.net/code/jsoncodeformat

在线json压缩/转义工具:

http://tools.jb51.net/code/json_yasuo_trans

C语言风格/HTML/CSS/json代码格式化美化工具: http://tools.jb51.net/code/ccode_html_css_json

作者最新文章