2014-07-25 87 views
-5
<head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script> 
    <script src= "C:\Documents and Settings\vivek.aggarwal\My Documents\Downloads\jquery-1.11.1.js"></script> 
    <script src="mydata.json"></script> 
</head> 
<body> 
    <p id="demo"> ABC </p> 
    <script> 

    $.getJSON(mydata.json, function(data) { 
     var output = data.login[0].one; 
     document.getElementById("demo").innerHTML= output; 
    }); 

    </script> 
</body> 

加載數據,這是我的JSON文件(mydata.json)無法從本地JSON文件

{ 
    "login": [ 
     { 
      "one": "vivek" 
     } 
    ] 
} 
+1

我引述的URI,即'$ .getJSON(「mydata.json」,...'開始。當然,你的控制檯會提醒你這個錯誤,如果你願意費心檢查它 – Phil

+1

擺脫重複的jQuery腳本標記('c:\ documents ....')並更改'$ .getJSON('mydata.json'...)'請注意引號。工具欄(在Chrome中按F12) – jasonscript

+0

...另外,不要通過'

0

試試這個它應該工作。

$.getJSON("mydata.json", function(data) { 
     var output = data.login[0].one; 
     document.getElementById("demo").innerHTML= output; 
});