javascript - 将 json 数据作为属性分配给 html 元素时 JSON 输入意外结束

Question

我需要JSON像这样将数据分配为 html 属性，以便我可以使用onClick事件检索值。

<button class="chat" topic-chats=${JSON.stringify(innerTopicJSON.Chats)}></button>

这是innerTopicJSON.Chats价值

这是我的 onClick 事件代码块

$('.chat').click(event => {
    event.stopImmediatePropagation();
    event.stopPropagation();

    let chats = JSON.parse($(event.target).attr('topic-chats'));
    // some code .....
})

但它返回一个错误！未捕获的 SyntaxError：JSON 输入意外结束

请问这里怎么了？

标签： javascriptjqueryhtmljson

Answer 1

我认为您需要 html 元素属性中的引号。

<button class="chat" topic-chats="however json with your language"></button>