Javascript 可以在Mozilla中看到JSON数据,但不能在Chrome中看到?

Javascript 可以在Mozilla中看到JSON数据,但不能在Chrome中看到?,javascript,angularjs,json,Javascript,Angularjs,Json,这是你的电话号码 我正在尝试使用Angular js将一个简单的JSON文件加载到表单中。但我在Chrome的文本框中看不到任何数据,但我可以在Mozilla中看到。对于chrome,我得到了以下错误 无法加载XMLHttpRequestfile:///C:/Users/hp/Desktop/site/site.json. 跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https、chrome扩展资源 我哪里做错了 <!DOCTYPE html> &

这是你的电话号码

我正在尝试使用Angular js将一个简单的JSON文件加载到表单中。但我在Chrome的文本框中看不到任何数据,但我可以在Mozilla中看到。对于chrome,我得到了以下错误

无法加载XMLHttpRequestfile:///C:/Users/hp/Desktop/site/site.json. 跨源请求仅支持协议方案:http、数据、chrome、chrome扩展、https、chrome扩展资源

我哪里做错了

  <!DOCTYPE html>
  <html ng-app="myApp">
  <head>
  <title>Hello</title>
  <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

  <script>
   myApp = angular.module('myApp',[]);
   myApp.controller('myController', function($scope,$http){
   $http.get('site.json').success(function(response){
        $scope.myData=response;
     });
    });
  </script>

  </head>
 <body ng-controller="myController">

   <div ng-repeat="data in myData">
      <input type="text" name="">{{data.siteno}}
      <input type="text" name="">{{data.sitename}}
   </div>
 </body>
 </html>

你好
myApp=angular.module('myApp',[]);
控制器('myController',函数($scope,$http){
$http.get('site.json').success(函数(响应){
$scope.myData=响应;
});
});
{{data.siteno}
{{data.sitename}
1次错误 您忘记添加
ng app=“myApp”

第二个错误 您正在调用
site.json
,但您的文件名为
data.json

$http.get('data.json')
第三个错误 您将
response
放入对象中,但数据在
response.data

$scope.myData=response.data;

解决方案 这是您的最新信息


注意:您应该使用
。然后(函数(resp){…},函数(err){…})
而不是
success()
error()
方法

发生这种情况是因为我直接尝试在没有任何服务器的情况下在本地运行。因此,简单的解决方案是为chrome下载一个Web服务器插件,然后您可以从服务器url运行。我想Mozilla一定已经有了一个内置插件,它不会抛出这个错误。

你有什么地方
ng controller=“myController”
?另外,您正在将
{{data.siteno}
放在文本框后面,您的意思可能是
?除此之外,您的json看起来怎么样?我可以想象,您应该执行类似于
$scope.myData=response.someVariable
能否在控制台中检查您是否首先在响应中获取json数据。。小提琴链接可以解决这个问题。是的@devqon提到的没错,你有没有在某个地方定义过控制器HTML@devqon抱歉,没有正确格式化,因此错过了ng控制器。但是你现在可以看到了。我也将发布我的json数据;正确的。没有定义thsi对象。您确定前两个错误吗?我的代码中是否遗漏了ng应用程序?在plnkr中,我确实将名称更改为“data.json”,但在我的代码中,它是相同的“site.json”。关于第三个错误,它仍然与$scope.myData=response一起工作。我看到了您的plnkr工作,但当我将其包含在代码中时,仍然会出现相同的2个错误,即1-加载资源失败:net::ERR_FILE_NOT_FOUND。2-未捕获参考错误:未定义角度。请检查它,位置正确。此外,在脚本之前定义了角度链接。我不知道为什么这个错误仍然存在。这与crome有关吗?
ERR\u FILE\u NOT\u FOUND
:检查文件路径。未定义角度,因为未添加script@HebleV如果你想得到更好的帮助,请提供一个plunkr/Jsfiddle来纠正你的错误。这是plnkr“”和我使用的代码。它工作,但在我的浏览器中,我得到了我上面提到的2个错误。是位置正确所有文件都在一个文件夹中。那么它和浏览器chrome有什么关系吗?
$scope.myData=response.data;