将 Java 数组列表作为 JavaScript 参数发送答案

【问题标题】：Send Java arraylist as JavaScript parameter将 Java 数组列表作为 JavaScript 参数发送
【发布时间】：2021-03-30 07:53:20
【问题描述】：

问题

我通过 model.addAttribute

将数组从 StarConroller.java 发送到 Star.jsp 页面

StarConroller.java

List<SBook> books = booksService.findAll();
model.addAttribute("books ", books);

我想通过单击 Star.jsp 中的“显示图书”按钮将这一系列图书发送到 Star.js

Star.jsp

<button type="button" onclick="show(`${books}`)">Show books</button>

Star.js

function show(books) {
    console.log(books);
}

当我点击“显示书籍”按钮时，我会在控制台中看到以下内容

[SBook{SBookId=1, version=null, title='null', description='null'}, 
 SBook{SBookId=2, version=null, title='null', description='null'}, 
 SBookId{clauseId=3, version=null, title='null', description='null'}]

问题

但我需要一个 json 数组

更新 1

SBook类

public class SBook{

    private Integer sBookId;
    private Integer version;
    private String title;
    private String description;

    public SBook() {
    }

    public SBook(Integer sBookId, Integer version, String title, String description) {
        this.sBookId= sBookId;
        this.version = version;
        this.title = title;
        this.description = description;
    }

    //Getter & Setters

    @Override
    public String toString() {
        return "SBook{" +
                "sBookId=" + sBookId+
                ", version=" + version +
                ", title='" + title + '\'' +
                ", description='" + description + '\'' +
                '}';
    }
}

【问题讨论】：

如果您可以从您的图书结果中删除 SBook 和 SBookId 文本，您可以轻松使用JSON.stringify(books)
@OzgurSar 我想在哪里添加 JSON.stringify(books)，你能把它作为答案发布吗？
很抱歉，我也没有注意到 = 字符。它们也必须被替换等。我认为它可以用正则表达式来完成
@GayanSanjaya 您需要将 SBook 对象转换为 JSON。共享控制器和 SBook 类代码。
@GovindaSakare 好的

标签： javascript java jquery json jsp

【解决方案1】：

您正在向 HTTP 响应添加对象列表，HTTP 模板引擎将使用 SBook 对象的 toString 方法将其转换为字符串。转换后的字符串不是有效的 JSON。

首先，您需要使用解析库将对象列表转换为 JSON 格式（我在下面的代码中使用的是 Jackson 库）：

List<SBook> books = booksService.findAll();
ObjectMapper mapper = new ObjectMapper();
String jsonString = mapper.writeValueAsString(List.of(sBook));
model.addAttribute("books ", books);

然后您需要使用JSON.parse 将此 JSON 字符串解析回 javascript 对象：

function show(books) {
    let parsed = JSON.parse(books);
    console.log(parsed);
}

【讨论】：