angular.js通过URL获取json并显示代码

小魏的马仔

于 2016-06-23 18:36:21 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： angularJS 文章标签： angularJS json

本文链接：https://blog.youkuaiyun.com/xuexiiphone/article/details/51745910

angularJS 专栏收录该内容

10 篇文章

订阅专栏

本文展示了一个使用AngularJS框架实现的数据绑定示例。通过$http服务获取远程JSON数据，并利用ng-app和ng-controller指令将其显示在HTML页面上。示例中还包括了简单的警告框来验证代码执行流程。

摘要生成于 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', []);
    alert(11);
    app.controller('customersCtrl', function ($scope, $http) {
        alert(22);
       $http.get("http://xacjxl.applinzi.com/qingguo/Customers_JSON.php")//http://ctb.qingguo.com/sso/vcodelogin?phonenumber=13880305876&vcode=4023&orgid=1;;http://localhost:8888/qingguo/Customers_JSON.php
//        $http.jsonp("http://localhost/sitesettings/getBadgeInfo.pt?jsonp=JSON_CALLBACK&siteid=137bd406")
                .success(function (response) {
                    //var obj = JSON.parse(response.data);
                    //alert(obj);
                    $scope.names = response.records;
                });
    });
</script>
</body>
</html>