可以在 Mozilla 中查看表单中的 JSON 数据，但不能在 Chrome 中查看吗？

Question

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

XMLHttpRequest 无法加载 file:///C:/Users/hp/Desktop/site/site.json。 跨源请求仅支持以下协议方案：http、data、chrome、chrome-extension、https、chrome-extension-resource。

我哪里错了？

  <!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>

Answer 1

第一个错误

您忘记添加ng-app="myApp"

ng-app="myApp"

第二个错误

您正在调用site.json但您的文件名为data.json

$http.get('data.json')

第三个错误

您将response放入对象中，但数据位于response.data

$scope.myData=response.data;

解决方案

这是您更新的Plunkr

注意：你应该使用.then(function(resp){...}, function(err){...}); 而不是success()和error()方法

Answer 2

发生这种情况是因为我直接尝试在没有任何服务器的情况下在本地运行。 解决这个问题的简单方法是下载一个适用于 chrome 的网络服务器插件，然后您可以从服务器 url 运行。 我认为 Mozilla 必须已经有一个不会引发此错误的内置插件。

可以在 Mozilla 中查看表单中的 JSON 数据，但不能在 Chrome 中查看吗？

问题描述

2 个解决方案

解决方案1
1 2017-02-09 08:22:41

第一个错误

第二个错误

第三个错误

解决方案

解决方案2
0 已采纳 2017-07-06 15:38:48

可以在 Mozilla 中查看表单中的 JSON 数据，但不能在 Chrome 中查看吗？

问题描述

2 个解决方案

解决方案1 1 2017-02-09 08:22:41

第一个错误

第二个错误

第三个错误

解决方案

解决方案2 0 已采纳 2017-07-06 15:38:48

解决方案1
1 2017-02-09 08:22:41

解决方案2
0 已采纳 2017-07-06 15:38:48