2016-04-07 1 views
-1
<!DOCTYPE html> 
<html> 
<body> 
<p id="demo"></p> 
<script 
<script> 

function kick_start(){ 
var xml=new XMLHttpRequest(); 
var url="student.json"; 

xml.open("GET", url, true); 
xml.send(); 


xml.onreadystatechange=function(){ 
if(xml.readyState == 4 && xml.status==200){ 
var file=JSON.parse(xml.responseText); 
var data=document.getElementById("demo"); 
data.innerHTML=file.Name; 
} 
} 
data.innerHTML="Fetching Data.........."; 
} 



</script> 
<script>kick_start()</script> 
</body> 
</html> 

に応答していないとJSONファイルには、次のとおりです。このAjaxリクエストは、対応するJSONファイル

{"Name":"Arman","ID":1312038;"Department":"NAME"} 

私はAjaxリクエストを介したJSONファイルからデータをフェッチするために、このHTMLファイルを実行するために多くのことを試してみました。しかし、何かが間違っています。私は両方のファイルを同じディレクトリに保存します。私に何ができる?

+2

'console'または' network-tab'にエラーがありますか? – Rayon

+1

ブラウザのコンソールにエラーが表示されますか? – Vishwanath

答えて

2

dataは、「データをフェッチする」に設定すると、その時点での要素ではありません。これは、ajaxの完了時に要素になるためです。これにより、コンソールでエラーが発生します。F12を押して見てください。

これを解決するには、var data = ...行をreadystatechange関数から移動します。

JSONが有効でないという別の問題は、;です。カンマにする必要があります。 JSONLintで検証できます。

関連する問題