angularJS通过jsonp实现跨域访问

最新推荐文章于 2020-12-18 23:35:26 发布

原创最新推荐文章于 2020-12-18 23:35:26 发布 · 3.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#angularjs #jsonp

angularJS 专栏收录该内容

10 篇文章

订阅专栏

本文介绍了一个使用AngularJS框架结合JSONP实现动态加载数据的例子。通过$http.jsonp请求跨域数据，并展示如何处理返回的数据，包括使用console.log查看响应结构及如何提取特定节点的值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

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

<script>
    var app = angular.module('myApp', []);
    app.controller('customersCtrl', function ($scope, $http) {
        myUrl = "http://ctb.qingguo.com/mobile/msetuserinfo?uid=11444915&orgcode=100015&callback=JSON_CALLBACK";
        $http.jsonp(myUrl).success(
                function (response) {
                    console.log(response);
                    alert(response.result);
                    alert(response.data.length);
                    alert(response.desc);
//                    alert(response[0].list);
                });
    });
</script>
</body>
</html>