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行のコメントを外してください。それは機能します。