跨域了，并且 http://www.runoob.com/try/angularjs/data/Customers_JSON.php 这个地址不允许跨域请求，当然会报错。可以用雅虎的YQL，Yahoo这个地址允许跨域请求，不过注意设置Access-Control-Allow-Origin为*允许跨域，IE跨域对象是XDomaiRequest对象，XMLHttpRequest对象只有IE11才支持

 <!DOCTYPE html>
<html>
<body>

    <div ng-app="" ng-controller="customersController">

        <ul>
            <li ng-repeat="x in names">
                {{ x.Name + ', ' + x.Country }}
            </li>
        </ul>

    </div>

    <script>
        function customersController($scope, $http) {

            $http({
                method:'GET',
                url: "http://query.yahooapis.com/v1/public/yql",
                params: {
                    q: "select * from json where url=\"http://www.runoob.com/try/angularjs/data/Customers_JSON.php\"",
                    format: "json"
                }
            }).success(function (response) {
                console.log(response)
                $scope.names = response.query.results.json.json;
            });
        }
    </script>

    <script src="http://apps.bdimg.com/libs/angular.js/1.2.15/angular.min.js"></script>

</body>
</html>

angularjs，代码完全从w3cschool里扒下来的但是不起作用

sinat_25564411

5个回复