AngularJS $http模块

正常还有一组数据 供测试使用测试时需要在本地环境下

<!DOCTYPE html>
 <html class="no-js" ng-app="myApp">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title></title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script src="./angular.min.js"> </script>
    </head>
    <body >
        <div ng-controller="myController">
            <ul>
                <li ng-repeat="item in items" > 
                    <span>{{item.name}}</span>
                    --
                    <span>{{item.price}}</span>
                </li>
            </ul>
        </div>
    </body>
    <script>
        //angular-resource(发送网络请求的与$http有相同功能,但是你更强大)依赖于ngResource模块  RESTful
        var app = angular.module("myApp",[])
        app.controller("myController",["$scope","$http",function($scope,$http){
            $scope.items=[]
            //$http 是angularjs 内部自己封装的ajax
            //$http.get()  返回一个pomise 对象
            //success和error 只是语法糖, 是对then() 封装
            //success()和then()的对比  success()只是返回的数据对象 而then()会原样的输出返回值
            $http.get("./data.json").success(function(res){
                console.log(res)
            });
            $http.get("./data.json").then(function(res){
                console.log(res)
            })
        }])
    </script>
</html>```
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 文章来自:http://blog.csdn.net/mj813/article/details/52451355 ...
    好大一只鹏阅读 9,215评论 2 126
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,446评论 25 708
  • 金融投资类公司暂停注册与壳交易的走俏 2016年初以来,全国很多省市已经开始暂停登记注册在名称、经营范围中含有金融...
    简法帮阅读 464评论 0 1
  • 从4:30到现在,我的神经异常兴奋,因为题型的缘故。 把真题抄了一遍后,发现,每一年我大概有4个不确定。这个又是一...
    hsajhlla阅读 257评论 0 1