json如何使用el表达式

EL表达式轻松驾驭JSON数据：从入门到实践**

在Java Web开发中，EL（Expression Language，表达式语言）和JSON（JavaScript Object Notation）都是极为常用的技术，EL表达式以其简洁的语法，方便地获取JavaBean、List、Map等数据结构中的值，而JSON作为一种轻量级的数据交换格式，因其易于人阅读和编写，同时也易于机器解析和生成，前后端数据交互中占据着主导地位，如何将这两者结合起来，让EL表达式能够优雅地访问JSON数据中的内容呢？本文将详细介绍EL表达式操作JSON数据的几种常用方法。

理解EL表达式的基本语法

在探讨JSON之前，我们先简单回顾一下EL表达式的基本语法，EL表达式通常以开头，以结尾。${user.name}会尝试获取user对象中name属性的值。

EL表达式可以访问以下类型的对象：

JavaBean的属性
List或数组元素
Map的值
作用域变量（page, request, session, application）

JSON数据在EL中的常见存在形式

在JSP页面中，JSON数据通常以以下几种形式存在,EL表达式访问它们的方式也略有不同：

直接作为Java对象（如Map、自定义JavaBean）：如果后端已经将JSON字符串解析成了Java的Map对象或自定义的JavaBean,那么EL表达式可以直接像访问普通Java对象一样访问它们。
作为List/集合形式：JSON数组可以被解析为Java的List或数组,EL表达式可以通过索引访问元素。
作为字符串：JSON数据可能以原始字符串的形式存在于某个作用域变量中，EL表达式本身不能直接解析JSON字符串,需要借助额外的工具或JSTL标签。

EL表达式访问JSON数据的方法

直接访问已解析为Java对象的JSON（最常用）

这是最理想也最常见的情况，后端代码（如Servlet）使用如Jackson、Gson等库将JSON字符串解析为Java对象（通常是Map<String, Object>或自定义的POJO类），然后将这些对象存入作用域（request、session等）中,前端JSP通过EL表达式直接访问。

示例场景：

假设后端Servlet将如下JSON数据解析为Map并存入request作用域：

{
  "name": "张三",
  "age": 30,
  "address": {
    "city": "北京",
    "district": "朝阳区"
  },
  "hobbies": ["阅读", "旅行", "编程"]
}

JSP页面中使用EL表达式访问：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>EL访问JSON示例</title>
</head>
<body>
    <h1>用户信息</h1>
    <p>姓名: ${requestScope.user.name}</p>
    <p>年龄: ${requestScope.user.age}</p>
    <p>城市: ${requestScope.user.address.city}</p>
    <p>爱好1: ${requestScope.user.hobbies[0]}</p>
    <p>爱好2: ${requestScope.user.hobbies[1]}</p>
    <%-- 如果user对象直接在request作用域的根属性，可以简化为 --%>
    <%-- <p>姓名: ${user.name}</p> --%>
</body>
</html>

说明：

${requestScope.user.name}：requestScope指定从request作用域获取user对象，然后获取其name属性。
${requestScope.user.address.city}：对于嵌套的JSON对象（如address）,EL表达式可以通过连续的点号访问深层属性。
${requestScope.user.hobbies[0]}：对于JSON数组（如hobbies），EL表达式可以使用方括号[]配合索引来访问特定元素。

如果后端将JSON解析为了自定义的JavaBean（例如User类，包含name, age, Address address, List<String> hobbies属性），那么EL表达式的访问方式完全相同,因为EL表达式本质上是通过反射调用JavaBean的getter方法。

使用JSTL的`fn:split`和`fn:join`辅助处理（有限场景）

如果JSON数据非常简单，或者只是需要处理其中特定的、结构固定的部分，可以考虑使用JSTL函数（fn标签库）进行辅助，但对于复杂的JSON对象,这种方法非常笨拙且不推荐。

示例场景：

假设requestScope.jsonStr中有一个简单的JSON字符串：{"key1": "value1", "key2": "value2"},并且我们知道它的结构。

<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>JSTL辅助处理JSON</title>
</head>
<body>
    <%-- 这种方法非常不灵活，仅作演示 --%>
    <c:set var="jsonStr" value='${requestScope.jsonStr}'/>
    <p>原始JSON字符串: ${jsonStr}</p>
    <%-- 假设我们要提取value1，实际上EL无法直接做到 --%>
    <%-- 这种方式只适用于极特殊、已知的简单字符串处理，非通用JSON解析 --%>
</body>
</html>

JSTL函数库不提供JSON解析功能，此方法仅适用于对JSON字符串本身的简单字符串操作，无法真正解析和访问JSON内部结构。不推荐用于处理复杂JSON。

结合第三方JavaScript库（前端处理）

当JSON数据以字符串形式存在于JSP页面中，且EL表达式难以直接解析时，一个更灵活且强大的方式是利用JavaScript在前端解析JSON字符串，然后通过EL表达式将JSON字符串传递给JavaScript,再由JS进行操作。

示例场景：

requestScope.jsonStr中存储了JSON字符串。

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>JavaScript辅助解析JSON</title>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
<body>
    <h1>JavaScript解析JSON示例</h1>
    <%-- 将JSON字符串通过EL传递给JavaScript变量 --%>
    <script>
        // 使用JSP的EL表达式获取作用域中的JSON字符串
        // 注意：如果JSON字符串中可能包含特殊字符（如引号），需要进行适当的转义
        var jsonString = '${requestScope.jsonStr}';
        console.log("从EL获取的JSON字符串:", jsonString);
        // 解析JSON字符串为JavaScript对象
        try {
            var jsonObj = JSON.parse(jsonString);
            console.log("解析后的JS对象:", jsonObj);
            // 现在可以像操作普通JS对象一样访问数据
            if(jsonObj.name) {
                document.write("<p>姓名 (JS获取): " + jsonObj.name + "</p>");
            }
            if(jsonObj.address && jsonObj.address.city) {
                document.write("<p>城市 (JS获取): " + jsonObj.address.city + "</p>");
            }
            if(jsonObj.hobbies && jsonObj.hobbies.length > 0) {
                document.write("<p>爱好列表 (JS获取): " + jsonObj.hobbies.join(", ") + "</p>");
            }
        } catch (e) {
            console.error("JSON解析失败:", e);
            document.write("<p>JSON字符串格式错误，无法解析。</p>");
        }
    </script>
    <%-- 或者，将JSON数据以更安全的方式传递给JS --%>
    <%-- 使用JSTL的c:out进行转义，或者直接在后端设置一个安全的JS变量 --%>
    <%-- <script>var safeJsonString = '<c:out value="${requestScope.jsonStr}" escapeXml="true"/>';</script> --%>
</body>
</html>

说明：

${requestScope.jsonStr}：EL表达式从request作用域获取JSON字符串。
JSON.parse(jsonString)：JavaScript内置的JSON.parse()方法用于将JSON字符串解析为JavaScript对象。
之后就可以通过JavaScript的语法（点号或方括号[]）访问JSON对象的属性和元素。
这种方法的优点是灵活性高，可以利用JavaScript丰富的JSON操作能力，缺点是操作在客户端进行，如果需要在服务端进行某些基于JSON数据的逻辑处理,则不适用。

自定义EL函数（高级）

对于有特殊需求的场景，开发者还可以自定义EL函数，在Java代码中实现JSON解析逻辑,然后在JSP页面中通过EL表达式调用这个自定义函数来解析JSON字符串。

示例步骤（简述）：

编写一个Java类，实现一个静态方法，该方法接收JSON字符串和要获取的属性路径（如"name"或"address.city"），返回对应的值（需要借助如Jackson的Json

正文

json如何使用el表达式

理解EL表达式的基本语法

JSON数据在EL中的常见存在形式

EL表达式访问JSON数据的方法

直接访问已解析为Java对象的JSON（最常用）

使用JSTL的`fn:split`和`fn:join`辅助处理（有限场景）

结合第三方JavaScript库（前端处理）

自定义EL函数（高级）

相关阅读

取json串的值怎么取

如何将json封装到实体类

js怎么把list的json遍历

json怎么将字符串转为对象

发表评论取消回复

还没有评论，来说两句吧...

目录[+]

理解EL表达式的基本语法

JSON数据在EL中的常见存在形式

EL表达式访问JSON数据的方法

直接访问已解析为Java对象的JSON（最常用）

使用JSTL的fn:split和fn:join辅助处理（有限场景）

结合第三方JavaScript库（前端处理）

自定义EL函数（高级）

相关阅读

取json串的值怎么取

如何将json封装到实体类

js怎么把list的json遍历

json怎么将字符串转为对象

发表评论取消回复

还没有评论，来说两句吧...

目录[+]

使用JSTL的`fn:split`和`fn:join`辅助处理（有限场景）