首页 > Web开发 > 详细

AngularJs Http

时间:2015-11-27 00:48:42      阅读:349      评论:0      收藏:0      [点我收藏+]

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

读取Json文件:http:192.168.1.1/myweb/index.aspx

[
{name:tom,age:23,position:IT tester},
{name:tony,age:22,position:Manager‘‘},
{name:mary,age:19,position:CEO‘‘}
]


$http.get(url)读取服务器数据的函数:

<div ng-app="myApp" ng-controller="customersCtrl">

 <ul>

   <li ng-repeat="x in names">

     {{x.name+‘,‘+x.age+‘,‘+x.position}}

  </li>

 </ul>

</div>

<script>

   var app=angular.module(myApp,[]);

   app.controller(customersCtrl,function($scope,$http){

   $http.get("http:192.168.1.1/myweb/index.aspx").success(
function(response) { $scope.names=response.records; }); }); </script>

解析:通过ng-app定义应用在<div>中执行
ng-controller指令设置对象名。

customerscontroller是标准的js对象构造器,控制器对象有一个属性:

$scope.names,$http.get()从web服务器上读取静态json数据。

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

以上可演化为读取数据库中的数据到前台显示。

AngularJs Http

原文:http://www.cnblogs.com/professional-NET/p/4999381.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!