在AJAX中使用JSON對象

Question

我只是試圖將文本文件的一部分（* .txt）加載到HTML中。另一部分給了我更多關於裏數的信息。 該文本文件包含的JSON對象，看起來像這樣：

{"content": [ 
     {"code": "<li><img src='images/einfamilienhaus.jpg' alt='' /></li>", "li": 1} 
    ] 
}; 

的JavaScript代碼調用AJAX：

function loadSLD(number) 
{ 
var xmlhttp; 
xmlhttp=new XMLHttpRequest(); 
xmlhttp.onreadystatechange=function(){ 
    if (xmlhttp.readyState==4 && xmlhttp.status==200) 
    { 
    r = xmlhttp.responseText 
    document.getElementById("slider").innerHTML=r.content[0].code; 
    } 
} 
xmlhttp.open("GET","js/ajax/" + number + ".txt",true); 
xmlhttp.send(); 
} 

代碼現在應該得到代碼出內容並加載它進入HTML，但它沒有。我希望你們能找到我犯的錯誤。謝謝！

Answer 1

你爲什麼期望它爲你解析JSON？

r = JSON.parse (xmlhttp.responseText); 

Answer 2

可以使用eval函數

function loadSLD(number) 
    { 
    var xmlhttp; 
    xmlhttp=new XMLHttpRequest(); 
    xmlhttp.onreadystatechange=function(){ 
     if (xmlhttp.readyState==4 && xmlhttp.status==200) 
     { 
      var response = eval('(' + xmlhttp.responseText + ')'); 

     for(var i= 0; i<response.length; i++){ 
      document.getElementById("slider").innerHTML=response.content[i].code; 
      } 
     } 
    } 
    xmlhttp.open("GET","js/ajax/" + number + ".txt",true); 
    xmlhttp.send(); 
    }