Question

我正在学习json如何在前端使用，一切都很顺利，但现在我收到了一个错误。

令牌在哪里我真的不明白这个错误

var animalContainer = document.getElementById("animal-info");

var btn =  document.getElementById("btn");

btn.addEventListener("click",function(){
var ourRequest = new XMLHttpRequest();
ourRequest.open('GET', 'http://webwizardservices.com/first-1.json');
ourRequest.onload = function(){
    var ourData = JSON.parse(ourRequest.responseText);
    renderHTML(ourData);
};

ourRequest.send();   
});

function renderHTML (data){
var passhtml ="";

for( i = 0; i < data.length; i++ ){

    passhtml+= "<p>" + data[i].names + "is a " + data[i].scpcies + ".</p>";

}   

    animalContainer.insertAdjacentHTML('beforeend','passhtml',);
}

Answer 1

这里有一个额外的逗号（,）：

animalContainer.insertAdjacentHTML('beforeend','passhtml',);

意外的令牌通常是语法/解析错误。

我建议在编辑器中使用像eslint这样的内容（还有其他内容）。它会在您编辑文件时检查语法（和其他规则）并帮助查找此类错误并保留标准（缩进，分号或不分号，单/双引号......）。

当我试图从json获取html时，未捕获的SyntaxError：意外的令牌）

1 个答案: