zoukankan      html  css  js  c++  java
  • Angular JS 学习之Http

    1.$http是AngularJS中的一个核心服务,用于读取远程服务器的数据;

    2.读取JSON文件:

    **JSON文件如下:

    {

    "sites":[

    {

    "Name":"菜鸟教程",

    "Url":"www.runoob.com",

    "Country":"CN",},

    {

    "Name":"Google",

    "Url":"www.google.com",

    "Country":"USA"},

    {

    "Name":"Facebook",

    "Url":"www.facebook.com",

    "Country":"USA"},

    {

    "Name":"微博",

    "Url":"www.weibo.com",

    "Country":"CN"}

    ]

    }

    **$http.get(url)是用于读取服务器数据的函数;

    <div ng-app="myApp" ng-controller="siteCtrl" >

    <ul>

      <li ng-repeat="x in names">

      {{x.Name+' ,'+x.Country}}

      </li>

    </ul>

    </div>

    <script>

    var app=angular.module('myApp',[]);

    app.controller('siteCtrl',function($scope,$http){

    $http.get("http://www.runoob.com/try/angularjs/data/sites.php").success(function(response){$scope.names=response.sites;});

    });

    </script>

    **以上代码的get请求是本站的服务器;

    **AngularJS应用通过ng-app定义,应用于<div>中执行;

    **ng-controller指令设置了controller对象名;

    **函数customerController是一个标准的javaScript对象构造器;

    **控制器对象有一个属性:$scope.names;

    **$http.get()从web服务器上读取静态JSON数据;

    **服务器文件为:http://www.runoob.com/try/angularjs/data/sites.php;

    **当服务端载入JSON数据时,$scope.names变为一个数组;

  • 相关阅读:
    第十六周博客总结
    第十五周博客总结
    自学第六次博客(动作事件的处理)
    第十四周博客总结
    自学的第五篇博客
    自学电脑游戏第四天(Swing)
    c++面向对象程序设计第四章课后习题
    SQL注入
    VirtualBox+Vagrant环境配置
    测试
  • 原文地址:https://www.cnblogs.com/hqutcy/p/6075485.html
Copyright © 2011-2022 走看看