Question

我只是尝试将文本文件的一部分（* .txt）加载到HTML中。另一部分为我提供了有关其中锂含量的更多信息。该文本文件包含一个JSON-Object，如下所示：

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

调用AJAX的Javascript代码：

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中，但事实并非如此。我希望你们能找到我犯的错误。 THX！

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();
   }

在AJAX中使用JSON-Objects

2 个答案: