JSP中Ajax内使用JSTL标签及Java doGet向jQuery Ajax传参解析问题

我来帮你一步步解决这两个JSP+Ajax开发中常见的问题吧，都是实际项目里容易踩坑的点：

一、Ajax中如何使用JSTL标签？ #

首先得搞清楚本质：JSTL是服务器端标签，它会在JSP页面编译阶段被转换成Java代码执行，最终生成纯HTML返回给浏览器；而Ajax是前端异步请求后端资源，回调函数操作的是已经渲染完成的DOM——这时候浏览器根本不认识JSTL标签，只会把它当成普通文本处理，直接用肯定无效。

推荐两种靠谱的解决方案：

方案1：提前用JSTL渲染数据到页面隐藏元素，Ajax回调时读取 #

把需要用到的JSTL数据先渲染到页面的隐藏容器里，比如隐藏input或div，Ajax成功后直接从这些元素里取数据，避免在回调里碰JSTL。

示例代码：

<!-- 页面初始化时用JSTL把数据渲染到隐藏元素 -->
<input type="hidden" id="systemConfig" value="${sysConfig.defaultDb}">
<div id="preRenderedDbList" style="display:none">
    <c:forEach var="db" items="${preLoadedDatabases}">
        <span class="db-item">${db}</span>
    </c:forEach>
</div>

<script>
$.ajax({
    url: "/yourServlet",
    type: "GET",
    success: function(response) {
        // 读取提前渲染好的JSTL数据
        var defaultDb = $("#systemConfig").val();
        console.log("默认数据库：", defaultDb);
        
        // 把预渲染的列表插入到页面显示区域
        $("#dbDisplayArea").html($("#preRenderedDbList").html());
    }
});
</script>

方案2：后端返回JSON数据，前端用JS逻辑替代JSTL功能 #

这是更符合前后端分离思想的做法，Ajax的核心就是数据交互，让后端直接返回结构化的JSON数据，前端用JavaScript的循环、判断来实现JSTL的遍历、条件渲染功能，职责更清晰，也更灵活。

这个方案刚好可以结合你的第二个问题一起实现。

二、从doGet方法获取数据并在jQuery Ajax中解析 #

核心思路是让doGet方法返回前端能直接解析的JSON格式数据，然后通过jQuery Ajax请求并处理。

步骤1：完善你的doGet方法（返回JSON） #

首先需要把databases列表转换成JSON字符串返回，推荐用Jackson或Gson这类成熟的JSON库（Jackson是Spring生态的默认选择，兼容性更好）。

示例代码（用Jackson）：

import com.fasterxml.jackson.databind.ObjectMapper;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;

@WebServlet("/DatabaseServlet")
public class DatabaseServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        // 模拟从数据库获取的模式列表（你的业务逻辑替换这里）
        ArrayList<String> databases = new ArrayList<>();
        databases.add("db_user_center");
        databases.add("db_order_system");
        databases.add("db_product_storage");

        // 设置响应格式为JSON，编码为UTF-8避免乱码
        response.setContentType("application/json;charset=UTF-8");
        response.setCharacterEncoding("UTF-8");

        // 将ArrayList转换为JSON字符串
        ObjectMapper objectMapper = new ObjectMapper();
        String jsonResult = objectMapper.writeValueAsString(databases);

        // 输出JSON到响应流
        response.getWriter().write(jsonResult);
    }
}

如果你习惯用Gson：

import com.google.gson.Gson;
// 其他导入同上

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    ArrayList<String> databases = new ArrayList<>();
    databases.add("db_user_center");
    databases.add("db_order_system");
    databases.add("db_product_storage");

    response.setContentType("application/json;charset=UTF-8");
    response.setCharacterEncoding("UTF-8");

    Gson gson = new Gson();
    String jsonResult = gson.toJson(databases);

    response.getWriter().write(jsonResult);
}

步骤2：前端jQuery Ajax解析JSON数据 #

前端通过$.ajax请求Servlet，设置dataType: "json"后，jQuery会自动把响应转换成JavaScript数组/对象，直接遍历处理即可。

示例代码：

<script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
<script>
$(document).ready(function() {
    $.ajax({
        url: "/DatabaseServlet", // 你的Servlet访问路径
        type: "GET",
        dataType: "json", // 告诉jQuery期望返回JSON格式
        success: function(databases) {
            // databases已经是JavaScript数组，直接遍历渲染
            var renderHtml = "<ul class='db-list'>";
            $.each(databases, function(index, dbName) {
                renderHtml += `<li>${dbName}</li>`;
            });
            renderHtml += "</ul>";
            
            // 把渲染后的内容插入到页面目标容器
            $("#databaseContainer").html(renderHtml);
        },
        error: function(xhr, status, error) {
            console.error("数据库列表加载失败：", error);
            $("#databaseContainer").html("加载数据库列表出错，请稍后重试");
        }
    });
});
</script>

<!-- 用于展示结果的页面容器 -->
<div id="databaseContainer"></div>

补充小提醒 #

• 如果你非要在Ajax回调里用JSTL（不推荐，耦合度太高），可以让后端返回一个包含JSTL标签的JSP片段，前端用$("#target").load("/dbListFragment.jsp")加载，服务器会先解析JSTL再返回渲染后的HTML，但这种方式远不如返回JSON灵活。
• 如果遇到跨域问题，在doGet方法里添加响应头：response.setHeader("Access-Control-Allow-Origin", "你的前端域名")（生产环境别用*，指定具体域名更安全）。

内容的提问来源于stack exchange，提问作者bouslama