素材巴巴 > 程序开发 >

angularJs之http后台访问数据

程序开发 2023-09-07 19:16:50

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  定义。应用在

中执行。

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

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

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

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

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

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

 

转载于:https://www.cnblogs.com/songyunxinQQ529616136/p/6231982.html


标签:

上一篇: angular流程语句 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。