2016-07-01 16 views
0

私はJSONを初めて使用しています。以下のコードを使用してJSONデータをHTMLページに渡す必要がありますが、HTMLページにデータを表示していません。 1キャッチされないでSyntaxError:位置1296timelinejson.html:1 Uncaught SyntaxError:1296のJSONで予期しないトークン@

でJSONで予期しないトークン@助けてください、私はデバッグするとき、

timelinejson.htmlが...私にエラーを与えています。貴重な時間をありがとう。

<!DOCTYPE html> 
<html> 
<head> 
<style> 

table, th , td { 
border-top: 1px solid purple; 
border-collapse: collapse; 
padding: 5px; 

} 
table tr:nth-child(odd) { 
background-color: #f1f1f1; 

} 
table tr:nth-child(even) { 
background-color: #ffffff; 
} 
</style> 
</head> 
<body> 
<div id="time"></div> 

<script> 
var xmlhttp = new XMLHttpRequest(); 
var url = "http://outpaceng.com/linejson.php"; 

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

function myFunction(response) { 
var arr = JSON.parse(response); 
var i; 
    var out = "<table>"; 

for(i = 0; i < arr.length; i++) { 
    out += "<tr><td>" + 
    arr[i].Firstname + 
    "</td><td>" + 
    arr[i].Lastname + 
    "</td><td>" + 
    arr[i].Username + 
    "</td><td>" + 
    arr[i].Post + 
    "</td><td>" + 
    arr[i].Post_date + 
    "</td></tr>"; 
    } 
    out += "</table>"; 
document.getElementById("time").innerHTML = out; 
} 
</script> 

</body> 
</html> 

答えて

0

でそれを確認することができます次の

for(i = 0; i < arr.length; i++) { 
    out += "<tr><td>" + 
    arr[i].Firstname + 
    "</td><td>" + 
    arr[i].Lastname + 
    "</td><td>" + 
    arr[i].Username + 
    "</td><td>" + 
    arr[i].Post + 
    "</td><td>" + 
    arr[i].Post_date + 
    "</td></tr>"; 
    } 


} 
out += "</table>";//move outside of loop 
document.getElementById("time").innerHTML = out;//move outside of loop 
+0

ありがとうございました...私はjsonバリデーターからエラーを受け取りました。 – gfodede

0

JSONが無効です! それを修正してみて、それが動作します。)

あなたは、私が提案するあなたはJSONは、JSONバリデータ

を使用して有効であるかどうかを確認する必要がありhttp://jsonlint.com/

enter image description here

0

よく、あなたのコードは正しい! JSONファイルの構造が間違っています。

関連する問題