javascript - 将 JSON 字符串转换为 HTML

标签 javascript html json

我有一个包含一些 HTML 的 json 对象。 例如:

{
    "cat": "1",
    "catUrl": "this-is-a-url",
    "catSummary": "This is a summary with <a href=\"http://www.a.com\">a link</a>"
},

注意 catSummary 中有一个 href。但它不会呈现为链接。相反,它只是呈现为常规文本..

enter image description here

如何使它成为一个正确的链接?

编辑
澄清一下,我使用的是 VueJS 框架,而不是 jQuery。 一个简单的解决方案(我完全错过了......)是使用 v-html 指令。

最佳答案

如果您只想用 catSummary 字段中的内容填充另一个 html 元素,请使用以下内容:

$('#element_id').innerHTML = object_name.catSummary;

这将使用 catSummary 字段中的内容填充元素的对象。

关于javascript - 将 JSON 字符串转换为 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49422605/

相关文章:

javascript - 链接i DIV,将 "geturl"事件交给浏览器

html - 为什么这些跨度的高度呈现不同?

java - JAX-RS:在不将 Content-Type header 设置为 application/json 的情况下使用 JSON POST 数据

javascript - 使用jquery动态添加列表项到ul

html - SVG 水平虚线圆

ruby-on-rails - rails jbuilder : how to build a JSON from an array with the key equals to the array values

java - Spark数据帧将JSON转换为ORC满足 "column ambigous exception"

javascript - ES 模块中的 require.cache 等效项

javascript - 始终运行的 Web 应用程序的动画滞后和性能问题

javascript - 模型、命名和这个