2016-02-08 109 views
-1

我直接在此从W3学校网站上的JSON教程拉升,但我不断收到错误消息JSON解析错误:意外的标识符“VAR”,它的指向行:JSON解析错误:意外的标识

“VAR myArr,该= JSON.parse(xmlhttp.responseText);

<!DOCTYPE html> 
<html> 
<body> 
<div id="id01"></div> 

<script> 
var xmlhttp = new XMLHttpRequest(); 
var url = "myserveraddress/myTutorials.txt"; 

xmlhttp.onreadystatechange = function() { 
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
     var myArr = JSON.parse(xmlhttp.responseText); 
     myFunction(myArr); 
    } 
}; 
xmlhttp.open("GET", url, true); 
xmlhttp.send(); 

function myFunction(arr) { 
    var out = ""; 
    var i; 
    for(i = 0; i < arr.length; i++) { 
     out += '<a href="' + arr[i].url + '">' + 
     arr[i].display + '</a><br>'; 
    } 
    document.getElementById("id01").innerHTML = out; 
} 

</script> 
</body> 
</html> 

编辑:由于这里要求的是链接到有教程http://www.w3schools.com/json/json_http.asp和这里的W3页面是具有demohttp链接:// www.w3schools.com/json/tryit.asp?filename=tryjson_http

而且,这里是我的myTutorials.txt文件是什么样子

var myArray = [ 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
}, 
{ 
"display": "HTML Tutorial", 
"url": "http://www.w3schools.com/html/default.asp" 
}, 
{ 
"display": "CSS Tutorial", 
"url": "http://www.w3schools.com/css/default.asp" 
} 
] 
+5

myserveraddress/myTutorials.txt显然不包含JSON – Quentin

+0

你能使用jsfiddle.net重建的问题,并分享链接? –

+0

链接到OP所指的W3页面:[JSON Http Request](http://www.w3schools.com/json/json_http.asp) – HappyCoding

回答

3

Also here is what my myTutorials.txt file looks like

这是不对的。

您已将标记为myArray的框的内容放在该文件中。

盒子的内容标志着myTutorials.txt看起来是这样的:

[ 
{ 
"display": "JavaScript Tutorial", 
"url": "http://www.w3schools.com/js/default.asp" 
}, 
{ 
"display": "HTML Tutorial", 
"url": "http://www.w3schools.com/html/default.asp" 
}, 
{ 
"display": "CSS Tutorial", 
"url": "http://www.w3schools.com/css/default.asp" 
} 
] 
+0

现在有道理。当它将“意外标识符var”表示为错误消息时,我认为它正在讨论我的html文件而不是我的json文件,但现在它很清楚。谢谢! –

相关问题