如何通过Rest API传递JSON对象并重定向至HTML/JSP页面供JS使用？

你的需求是从Rest API重定向到HTML/JSP页面，同时把生成的JSON对象传给前端JavaScript使用。这里有几个实用的方案，你可以根据场景选择：

方案1：利用HttpSession存储JSON（推荐，无长度限制） #

因为重定向是GET请求，直接把JSON拼在URL里容易遇到长度限制或者转义问题，用会话存储是更稳妥的方式：

后端修改代码 #

import javax.servlet.http.HttpSession;
import javax.ws.rs.core.Context;
import javax.ws.rs.core.Response;

public Response getOffers(@FormParam("myParam") String inParam, @Context HttpSession session){ 
    JSONObject json = new JSONObject(); 
    // 假设你已经填充了json的数据
    json.put("key1", "value1");
    json.put("key2", "value2");
    
    // 把JSON对象存到session里
    session.setAttribute("offerData", json.toString());
    
    // 重定向到目标HTML/JSP页面
    return Response.seeOther(java.net.URI.create("/target-page.html")).build(); 
}

前端页面（比如target-page.html）获取数据 #

可以写一个简单的接口来从session取数据，或者如果是JSP的话直接用EL表达式：

如果是纯HTML页面：

添加一个JS请求，从后端接口获取session里的JSON：

// 页面加载时请求数据
window.onload = function() {
    fetch('/get-offer-data') // 这个接口需要你额外实现
        .then(response => response.json())
        .then(data => {
            // 这里就可以使用data这个JSON对象了
            console.log('获取到的offer数据：', data);
            // 比如渲染页面内容
            document.getElementById('offer-container').innerText = JSON.stringify(data);
        });
};

对应的后端接口（用来取session数据）：

import javax.servlet.http.HttpSession;
import javax.ws.rs.GET;
import javax.ws.rs.Path;
import javax.ws.rs.core.Context;
import javax.ws.rs.core.Response;

@Path("/get-offer-data")
public class OfferDataResource {
    @GET
    public Response getOfferData(@Context HttpSession session) {
        String jsonStr = (String) session.getAttribute("offerData");
        if (jsonStr != null) {
            // 返回JSON数据，用完可以清除session里的内容
            session.removeAttribute("offerData");
            return Response.ok(jsonStr).build();
        }
        return Response.status(Response.Status.NOT_FOUND).build();
    }
}

如果是JSP页面：

可以直接在页面里把session中的JSON输出到JS变量：

<script>
    // 直接从session获取JSON字符串并转成JS对象
    const offerData = ${sessionScope.offerData};
    console.log(offerData);
    // 后续使用这个对象即可
</script>

方案2：Base64编码后作为URL参数传递（适合小型JSON） #

如果JSON数据比较小，不想用session，可以把JSON转成Base64字符串作为URL参数传递：

后端代码 #

import java.util.Base64;
import javax.ws.rs.core.Response;

public Response getOffers(@FormParam("myParam") String inParam){ 
    JSONObject json = new JSONObject(); 
    json.put("key1", "value1");
    json.put("key2", "value2");
    
    // 把JSON转成Base64编码
    String base64Json = Base64.getUrlEncoder().encodeToString(json.toString().getBytes());
    
    // 重定向时把编码后的字符串作为参数传递
    return Response.seeOther(java.net.URI.create("/target-page.html?data=" + base64Json)).build(); 
}

前端页面解码 #

window.onload = function() {
    // 获取URL参数
    const urlParams = new URLSearchParams(window.location.search);
    const base64Data = urlParams.get('data');
    
    if (base64Data) {
        // 解码Base64字符串
        const jsonStr = atob(base64Data);
        const offerData = JSON.parse(jsonStr);
        console.log('获取到的offer数据：', offerData);
    }
};

⚠️ 注意：这种方式有URL长度限制（不同浏览器/服务器限制不同），如果JSON数据较大，可能会导致请求失败。

方案3：服务器端渲染（仅适用于JSP） #

如果你的目标页面是JSP，可以直接把JSON对象放到请求属性中，然后在JSP页面直接渲染到JS里：

后端代码 #

import javax.servlet.http.HttpServletRequest;
import javax.ws.rs.core.Context;
import javax.ws.rs.core.Response;

public Response getOffers(@FormParam("myParam") String inParam, @Context HttpServletRequest request){ 
    JSONObject json = new JSONObject(); 
    json.put("key1", "value1");
    json.put("key2", "value2");
    
    // 把JSON对象放到请求属性里
    request.setAttribute("offerData", json.toString());
    
    // 转发到JSP页面（不是重定向，因为重定向会丢失请求属性）
    return Response.ok(request.getRequestDispatcher("/target-page.jsp").forward(request, null)).build(); 
}

JSP页面使用 #

<script>
    // 直接把请求属性中的JSON字符串转成JS对象
    const offerData = JSON.parse('${offerData}');
    console.log(offerData);
</script>

⚠️ 注意：这种方式是转发而不是重定向，浏览器地址栏不会变成目标页面的URL，如果你需要地址栏更新，这个方案不适用。

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