javascript - 如何用angular获取json文件

问题描述

问 题

在自己本地的服务器上运行，但是chrome下一直报错，

angular.min.js:103XMLHttpRequest cannot load localhost:80/angular/data.php. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.


这是first.html中的代码

var app=angular.module('myApp',[]);
app.controller('myCtrl',function($scope,$location,$timeout,$http){
    $http.get("http://localhost/angular/data.php")
         .success(function(response){$scope.data=response.records;});
})
        
这是data.php中的，

{
"name":"张春林",
"age":"20",
"school":{
    "name":"八十三中",
    "location":"咸宁中路"
    }
}

解决方案

跨域了，配个反向代理啥的。要不用jsonp也行。

这篇关于javascript - 如何用angular获取json文件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！