首页 > 解决方案 > 原始的 json 数据中的 HTML 格式

问题描述

我从这个为垃圾检索提供开放数据的网站导入了 json 数据。在我的网站上,我有一个搜索栏,可以通过该搜索栏提供垃圾数据中的相关数据。每条数据都有一个标题,并包含有关该垃圾的详细信息。

我遇到的问题是,当我尝试输出它的详细信息部分时,它嵌入了 html 格式的东西,它都被正确地转义以在 html 中显示。当我尝试通过使用 innerhtml 更改页面上的文本元素来从 js 输出它时,它的所有转义格式仍然存在。我已将其复制粘贴并单独显示,并且显示正确,因此我知道 json 文本没有问题。

var garbageInfo = JSON.parse(ourRequest.responseText);
...
for (j = 0;j<garbageInfo.length;j++){
        var dataTitle = garbageInfo[j].title.toUpperCase()
        if((dataTitle.indexOf(input)!=-1)){
            body = garbageInfo[j].body;
            document.getElementById("info").innerHTML = body
        }
    };

例如,输出将显示为<ul> <li>Place item in the <strong>Garbage Bin.</strong></li> </ul> 应该相同但格式正确的位置。

抱歉,我对此很陌生,所以我想我做错了什么如果这是一些重复的问题,我很抱歉,但我四处搜索,找不到任何有类似问题的人。

谢谢

标签: javascripthtmljson

解决方案


推荐阅读