首页 > 技术文章 > angularJs之http后台访问数据

songyunxinQQ529616136 2016-12-29 10:37 原文

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

 

推荐阅读