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

原文地址:https://www.cnblogs.com/hqutcy/p/6075485.html