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变为一个数组;

  • 相关阅读:
    托管资源和非托管资源
    无法启动IIS EXpress Web服务器
    SQL 最后一天及第一天
    amchart amline中配置文件amline_settings.xml文件中的配置说明
    SpringBoot添加拦截器
    Lombok插件
    SpringBoot配置访问静态资源
    SpringBoot自动配置原理
    yaml基本格式
    属性文件之SpringBoot注入
  • 原文地址:https://www.cnblogs.com/hqutcy/p/6075485.html
Copyright © 2011-2022 走看看