2014-07-25 52 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; 
});