JSP获取auth属性值后，如何在页面加载时通过Ajax发送数据？

1. window.onload写法说明 #

你的window.onload写法是正确的，它会在页面所有资源（包括图片、样式表等）加载完成后触发acs()函数。如果想更早触发（DOM结构构建完成就执行，无需等待资源加载），更推荐使用jQuery的$(document).ready()：

$(document).ready(function() {
    acs();
});

2. 将JSP中的属性值传入Ajax的data参数 #

核心思路是把JSP里auth.getAttributes()返回的Map转换成JSON格式，直接传递给JavaScript变量，再用于Ajax请求。

具体实现代码：

第一步：修改JSP脚本，生成JSON并传递给JS

<%
if (auth.isAuthenticated()) {
    out.println("auth.getErrorMessage() :" + auth.getErrorMessage());
} else {
    Map<String, Object> attr = auth.getAttributes();

    if (attr.isEmpty()) {
        out.println("Attribute is empty.");
    } else {
        // 用org.json库将Map转为JSON字符串（需确保项目引入该依赖）
        org.json.JSONObject jsonAttr = new org.json.JSONObject(attr);
%>
<script>
    // 将JSP生成的JSON转为JS对象
    const authAttributes = <%= jsonAttr.toString() %>;
</script>
<%
        // 保留原有输出逻辑
        Collection<String> keys = attr.keySet();
        for (String name : keys) {
            Object obj = attr.get(name);
            out.println(name + " : " + obj.toString());
            out.println("<br>");
        }
    }
}
%>

如果项目没有引入org.json依赖，也可以手动拼接JSON字符串（注意处理特殊字符转义）：

<%
// 手动拼接JSON字符串
StringBuilder jsonBuilder = new StringBuilder("{");
boolean isFirst = true;
Collection<String> keys = attr.keySet();
for (String name : keys) {
    Object obj = attr.get(name);
    if (!isFirst) {
        jsonBuilder.append(",");
    }
    // 转义字符串中的双引号和反斜杠
    String value = obj.toString().replace("\\", "\\\\").replace("\"", "\\\"");
    jsonBuilder.append("\"").append(name).append("\":\"").append(value).append("\"");
    isFirst = false;
}
jsonBuilder.append("}");
%>
<script>
    const authAttributes = <%= jsonBuilder %>;
</script>

第二步：修改Ajax请求代码

直接使用上面的authAttributes作为data参数，jQuery会自动处理参数格式：

function acs() {
    $.ajax({
        url: "/login", // 取消注释，确保接口URL正确
        type: "POST",
        data: authAttributes,
        // 如果后端要求接收JSON格式，添加以下两行：
        // contentType: "application/json",
        // data: JSON.stringify(authAttributes),
        dataType: 'json',
        success: function(data) {
            console.log(data);
        },
        // 可选：添加错误处理
        error: function(xhr, status, err) {
            console.error("请求失败:", err);
        }
    });
}

关键注意事项 #

• 如果使用org.json库，需要在项目中添加依赖（Maven为例）：

<dependency>
    <groupId>org.json</groupId>
    <artifactId>json</artifactId>
    <version>20240303</version>
</dependency>

• 若后端接口要求接收JSON格式的请求体，必须设置contentType: "application/json"，并将data转为JSON字符串（用JSON.stringify()）。

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