2016-02-08 136 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文件,但現在它很清楚。謝謝! –

相關問題