Angularjs $http Load Data From Local Disk Issue In Ie9

Angularjs, angular-1.2.0-rc.2 $http.get('gridData.json') .success(function(data, status, headers, config){ angular.extend($scope.model.entities, data.entities);

Solution 1:

it is due to same origin policy You would see same error in chrome. Chrome and IE does not allow local ajax requests. there are ways to do that for example chrome you would have to start it with some special flags

http://joshuamcginnis.com/2011/02/28/how-to-disable-same-origin-policy-in-chrome/

C:\Users\YOUR_USER\AppData\Local\Google\Chrome\Application\chrome.exe --allow-file-access-from-files--disable-web-security

and in ie you can reduce your security settings to be minimal.

there are other solutions like jQuery $.ajax run as a local HTML file avoiding SOP (same origin policy)

use jquery's

$.support.cors = true;

Another Solution try to put the json data in js file or your server that way you don't have to do any ajax request to local file

Other sources:Ways to circumvent the same-origin policyhttp://www.nczonline.net/blog/2010/05/25/cross-domain-ajax-with-cross-origin-resource-sharing/