json如何使用el表达式

解密JSON与EL表达式：在JSP中优雅地访问JSON数据

在Java Web开发中，JSON（JavaScript Object Notation）因其轻量级、易读易写的特性，成为了数据交换的事实标准，而EL（Expression Language，表达式语言）则作为JSP 2.0规范的重要组成部分，简化了对JavaBean属性、作用域变量以及请求参数等的访问，如何在JSP页面中利用EL表达式来便捷地使用JSON数据呢？本文将详细探讨这个问题。

JSON与EL表达式简介

JSON (JavaScript Object Notation)：一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集，JSON采用完全独立于语言的文本格式，但也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）,这些特性使JSON成为理想的数据交换语言。
- JSON值可以是：对象（用花括号表示）、数组（用方括号[]表示）、数字、字符串、布尔值（true/false）或null。
- 示例：{"name": "张三", "age": 30, "hobbies": ["reading", "music"], "isStudent": false}
EL (Expression Language)：一种简单的语言，用于在JSP页面中获取和存储数据，它使得访问存储在JavaBean中的数据、请求参数、session属性、application属性等变得更加简洁，避免了在JSP页面中编写大量的Java脚本（<% %>或<%= %>）。
- 基本语法：${expression}，${user.name} 获取user对象的name属性。

EL表达式如何直接“理解”JSON？

核心要点：EL表达式本身并不直接“解析”JSON字符串。 EL表达式设计之初主要用于访问Java对象属性、Map键值、List索引以及作用域变量等,它不具备像JavaScript那样的原生JSON解析能力。

当我们在JSP页面中有一个JSON字符串时，不能直接使用EL表达式如${jsonObject.name}来访问其内部属性，因为EL不知道如何将一个字符串（如'{"name":"张三"}'）转换为可访问的对象。

要让EL表达式能够“使用”JSON数据，我们需要先将JSON字符串转换成EL表达式能够理解和操作的对象形式，最常见的就是JavaBean（POJO）对象或Map对象。

在JSP中使用EL表达式访问JSON数据的常用方法

主要有以下几种方法：

手动转换（适用于简单JSON或少量数据）

如果JSON结构比较简单，或者数据量不大，可以在Java后端（Servlet或其他Java类）手动将JSON字符串转换为JavaBean对象或Map，然后存入作用域（request, session, application）,在JSP中通过EL直接访问。

步骤：

创建JavaBean/POJO：根据JSON的结构创建对应的Java类。

// User.java
public class User {
    private String name;
    private int age;
    // private List<String> hobbies;
    // getters and setters
}

后端转换并存储：在Servlet中使用如Gson、Jackson、Fastjson等JSON库进行转换。

// MyServlet.java
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    String jsonString = "{\"name\":\"张三\",\"age\":30}";
    // 使用Gson转换
    Gson gson = new Gson();
    User user = gson.fromJson(jsonString, User.class);
    // 存入request作用域
    request.setAttribute("user", user);
    request.getRequestDispatcher("user.jsp").forward(request, response);
}

JSP中使用EL访问：

<%-- user.jsp --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户信息</title>
</head>
<body>
    <h1>用户姓名：${user.name}</h1>
    <h1>用户年龄：${user.age}</h1>
</body>
</html>

使用JSTL的`<c:forEach>`和EL处理JSON数组（转换为List）

如果后端已经将JSON数组解析为了List（通常包含JavaBean或Map对象）,那么可以直接结合JSTL和EL进行遍历。

后端示例（使用Gson解析JSON数组为List）：

String jsonArrayString = "[{\"name\":\"张三\",\"age\":30},{\"name\":\"李四\",\"age\":25}]";
List<User> userList = gson.fromJson(jsonArrayString, new TypeToken<List<User>>(){}.getType());
request.setAttribute("userList", userList);

JSP中使用JSTL和EL遍历：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>用户列表</title>
</head>
<body>
    <table border="1">
        <tr>
            <th>姓名</th>
            <th>年龄</th>
        </tr>
        <c:forEach var="user" items="${userList}">
            <tr>
                <td>${user.name}</td>
                <td>${user.age}</td>
            </tr>
        </c:forEach>
    </table>
</body>
</html>

使用第三方EL函数库（不推荐，复杂且依赖特定库）

理论上，可以自定义EL函数，在函数内部使用JSON库解析字符串并返回特定值，然后在EL中调用，但这种方式会增加复杂性，且不够灵活,通常不推荐作为首选方案。

前端JavaScript解析，EL传递初始数据（推荐处理复杂或动态JSON）

对于复杂或需要动态操作的JSON数据,更常见的做法是：

后端将JSON字符串直接通过EL或JSTL输出到JSP页面的JavaScript变量中。
在前端JavaScript中使用JSON.parse()方法解析JSON字符串。
然后通过JavaScript操作这些数据。

示例：

Servlet端：

// 将jsonString存入request
request.setAttribute("userDataJson", jsonString);

JSP端：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>前端JSON处理</title>
    <script type="text/javascript">
        // 从EL获取JSON字符串并解析为JavaScript对象
        var userData = JSON.parse('${userDataJson}');
        // 现在可以在JavaScript中使用userData对象了
        window.onload = function() {
            if (userData && userData.name) {
                document.getElementById("welcomeMsg").innerHTML = "欢迎, " + userData.name + "!";
            }
            // 也可以遍历数组等
            if (userData.hobbies && Array.isArray(userData.hobbies)) {
                var hobbiesList = document.getElementById("hobbiesList");
                userData.hobbies.forEach(function(hobby) {
                    var li = document.createElement("li");
                    li.textContent = hobby;
                    hobbiesList.appendChild(li);
                });
            }
        };
    </script>
</head>
<body>
    <h1 id="welcomeMsg"></h1>
    <h2>我的爱好：</h2>
    <ul id="hobbiesList"></ul>
</body>
</html>

注意： 这种方式中，EL表达式${userDataJson}输出的JSON字符串中的特殊字符（如引号）可能会与JavaScript的字符串冲突，需要确保EL输出的字符串是合法的JSON格式，或者进行适当的转义，JSTL的<c:out>标签可以帮助转义：

var userData = JSON.parse('<c:out value="${userDataJson}" escapeXml="true"/>');

最佳实践与注意事项

后端优先转换：对于需要在JSP中多次访问或复杂处理的JSON数据，推荐在Servlet等后端组件中将其转换为Java对象（Bean/Map/List），然后通过EL直接访问，这符合MVC模式,使JSP更专注于展示。
前端处理动态/复杂JSON：如果JSON数据主要用于前端动态渲染、交互或频繁更新，建议采用方法四，后端提供JSON字符串，前端JavaScript负责解析和操作,减轻服务器压力并提升用户体验。
安全性：当EL表达式用于输出用户提供的JSON数据（如从请求参数获取）时，要注意XSS（跨站脚本攻击）风险，使用JSTL的<c:out>标签进行转义,或确保输出的数据是可信的。
JSON库选择：Java中常用的JSON库有Gson（Google）、Jackson（Spring默认）、Fastjson（阿里巴巴）等，选择成熟、稳定、维护良好的库。
**避免在J