title: Can see JSON data in a form in Mozilla but not in Chrome?
body: <p>Here is the <a href="https://plnkr.co/edit/1yfySvtSUaDxaipf9xPA?p=preview" rel="nofollow noreferrer">Updated Plnkr</a>.</p>
  
  <p>I am trying to load a simple JSON file into a form using Angular js. But I am not seeing any data in the text boxes in Chrome but I can see in Mozilla. For chrome I am getting below error </p>
  
  <blockquote>
    <p>XMLHttpRequest cannot load file:///C:/Users/hp/Desktop/site/site.json. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</p>
  </blockquote>
  
  <p>Where am I going wrong?</p>
  
  <pre><code>  &lt;!DOCTYPE html&gt;
    &lt;html ng-app="myApp"&gt;
    &lt;head&gt;
    &lt;title&gt;Hello&lt;/title&gt;
    &lt;script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"&gt;&lt;/script&gt;
  
    &lt;script&gt;
     myApp = angular.module('myApp',[]);
     myApp.controller('myController', function($scope,$http){
     $http.get('site.json').success(function(response){
          $scope.myData=response;
       });
      });
    &lt;/script&gt;
  
    &lt;/head&gt;
   &lt;body ng-controller="myController"&gt;
  
     &lt;div ng-repeat="data in myData"&gt;
        &lt;input type="text" name=""&gt;{{data.siteno}}
        &lt;input type="text" name=""&gt;{{data.sitename}}
     &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>