JavaScript：删除双引号 - JSON.Stringify()

Question

在 JavaScript 中使用 JSON.stringify() 方法允许 JSON 数据在浏览器中呈现后，它在属性的两端输出双引号 " "在浏览器中呈现 - 知道如何解决这个问题吗？

这是我的代码 -

<li class="divider">Brown Eyes</li>
<div id="output1"></div>
<li class="divider">Green Eyes</li>
<div id="output2"></div>

<script>
    var myContainer = "";

    var a = new XMLHttpRequest();
    a.open("GET", "https://api.myjson.com/bins/1dwnm", true);
    a.onreadystatechange = function () {
        console.log(a);
        if (a.readyState == 4) {
            var obj = JSON.parse(a.responseText);
            for (i = 0; i < obj.length; i++) {

                if (obj[i].eyeColor == 'brown') {
                var myContainer = "<ul class='list'><li>" + obj[i].name.first + " " + obj[i].name.last + " - " + obj[i].eyeColor + "</li></ul>";
                var myContainer = JSON.stringify(myContainer);
                document.getElementById('output1').innerHTML += myContainer;    
                }
                if (obj[i].eyeColor == 'green') {
                var myContainer = "<ul class='list'><li>" + obj[i].name.first + " " + obj[i].name.last + " - " + obj[i].eyeColor + "</li></ul>";
                var myContainer = JSON.stringify(myContainer);
                document.getElementById('output2').innerHTML += myContainer;    
                }
            }
        }

    }
    a.send();
</script>

Answer 1

因为“<ul class='list'><li>Faye Garrett - brown</li></ul>”不是有效的 JSON 字符串。

取消注释你的 stringify 行，它起作用了。

JavaScript：删除双引号 - JSON.Stringify()

JavaScript: Remove Double Quotes - JSON.Stringify()

javascript

json

stringify