angularJs之http后台访问数据

AngularJS  XMLHttpRequest

---

$http  是AngularJS中的一个核心服务，用于读取远程服务器的数据。

---

读取JSON 文件

以下是存储在web服务器上的JSON 文件：

http://www.runoob.com/try/angularjs/data/sites.php

{ " 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 " } ] }

---

AngularJS $http

AngularJS $http 是一个用于读取web服务器上数据的服务。

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

 

尝试一下»

应用解析:

?注意：以上代码的get请求是本站的服务器，你不能直接拷贝到你本地运行，会存在跨域问题，解决办法就是将Customers_JSON.php的数据拷贝到你自己的服务器上，附：PHP Ajax跨域问题最佳解决方案。

AngularJS应用通过  ng-app  定义。应用在<div>中执行。

ng-controller  指令设置了  controller对象  名。

函数  customersController  是一个标准的JavaScript  对象构造器。

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

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

服务器数据文件为：   http://www.runoob.com/try/angularjs/data/sites.php。

当从服务端载入JSON数据时，$scope.names  变为一个数组。