使用javascript显示带有innerHTML的java枚举值答案

【问题标题】：Displaying a java enum value with innerHTML using javascript使用javascript显示带有innerHTML的java枚举值
【发布时间】：2023-04-11 00:10:02
【问题描述】：

使用 fetch 通过以下方式向 java 方法发送信号后：

let res = await fetch(api call);
let data = await res.json();

我将数据对象返回到我的 javascript，如下所示：

description: "test case"
status: {status: "PENDING"}

负责显示数据的函数是这样的：

let container = document.getElementById('id');
function populate(data){
for (obj of data) {
    let post = document.createElement('div');
    post.innerHTML = `<p>Description:  ${obj.description} and Status: ${obj.status.status}</p><br>`;
    container.append(post);
}

}

这导致输出：

测试用例和null

或

测试用例和[Object:object]

状态是一个枚举。如何获取枚举值以使用 innerHTML 显示？

【问题讨论】：

标签： javascript java html json

【解决方案1】：

假设您的回复如下所示：

{
    description: "test case",
    status: {status: "PENDING"},
}

那么你需要使用${object.status.status} 而不仅仅是${object.status}。这就是你得到[Object:object] 的原因，因为object.status 实际上是一个对象。

【讨论】：