最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

angularJs中$http獲取后臺(tái)數(shù)據(jù)的實(shí)例講解

 更新時(shí)間:2018年08月08日 10:31:07   作者:泠泠在路上  
今天小編就為大家分享一篇angularJs中$http獲取后臺(tái)數(shù)據(jù)的實(shí)例講解,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧

1.html

<div ng-app="module" ng-controller="ctrl">
 <table border="1" width="600">
  <tr>
   <td>網(wǎng)站名稱</td>
   <td>網(wǎng)址</td>
  </tr>
  <tr ng-repeat="v in data">
   <td>{{v.name}}</td>
   <td>{{v.url}}</td>
  </tr>
 </table>
</div>
<script>
 var m = angular.module('module', []);
 //注入http服務(wù)
 m.controller('ctrl', ['$scope', '$http', function ($scope, $http) {
  $http({
   method:'get', //get請(qǐng)求方式
   url:'1.php' //請(qǐng)求地址
  }).then(function(response){
   //成功時(shí)執(zhí)行
   console.log(response);
   $scope.data = response.data; //得到請(qǐng)求的數(shù)據(jù)
  },function(response){
   //失敗時(shí)執(zhí)行 
   console.log(response);
  });
 }]);
</script>

1.php

<?php
$data = [
 [ 'name' => '百度', 'url' => 'www.baidu.com' ],
 [ 'name' => '騰訊', 'url' => 'www.qq.com' ],
];
echo json_encode($data,JSON_UNESCAPED_UNICODE);

上面是最簡單的$http獲取后臺(tái)數(shù)據(jù)實(shí)例,假如一個(gè)頁面中要異步加載一個(gè)后臺(tái)文件好幾次,那么是不是也要請(qǐng)求服務(wù)好幾次呢?顯然這樣會(huì)使頁面的加載出現(xiàn)遲鈍,那么,我們可以通過緩存操作來減少服務(wù)器壓力,使其盡快顯示頁面數(shù)據(jù),那么,具體怎么做呢?很簡單,在$http 中添加cache:true, ,即可解決,再刷新頁面的時(shí)候,只會(huì)顯示一次重復(fù)請(qǐng)求的數(shù)據(jù)。

  $http({
   method:'get',
   url:'1.php',
   cache:true, //避免多次請(qǐng)求后臺(tái)數(shù)據(jù)
  }).then(function(response){
   //成功時(shí)執(zhí)行
   console.log(response);
   $scope.data = response.data;
  },function(response){
   //失敗時(shí)執(zhí)行 
   console.log(response);
  });

當(dāng)然,像jquery的ajax請(qǐng)求那樣,angularjs也可以進(jìn)行簡寫,

 m.controller('ctrl', ['$scope', '$http', function ($scope, $http) {
 //post方式
 //$http.post('1.php',{id:1})參數(shù)里可加屬性
  $http.post('1.php').then(function(response){
   //成功時(shí)執(zhí)行
   console.log(response);
   $scope.data = response.data;
  });
 }]);
 m.controller('ctrl', ['$scope', '$http', function ($scope, $http) {
 //get方式
 //$http.get('1.php',{cache:true}) 參數(shù)里可加屬性
  $http.get('1.php').then(function(response){
   //成功時(shí)執(zhí)行
   console.log(response);
   $scope.data = response.data;
  });
 }]);

最后,來說下 $http服務(wù)之后臺(tái)接收POST數(shù)據(jù)的幾種方式:

<div ng-app="module" ng-controller="ctrl"></div>
<script>
 var m = angular.module('module', []);
 m.controller('ctrl', ['$scope', '$http', function ($scope, $http) {
  //第一種方式
/*  $http({
   method:'post',
   url:'1.php',
   data:{id:1,name:'后盾人'}
  }).then(function(response){
   console.log(response.data);
  })*/
 //第二種方式
  $http({
   method:'post',
   url:'1.php',
   data:$.param({id:1,name:'后盾人'}),
   headers:{'Content-type':'application/x-www-form-urlencoded'}
  }).then(function(response){
   console.log(response.data);
  })
 }]);
</script>
<?php
#第一種處理方法
//$content = file_get_contents('php://input');
//print_r(json_decode($content,true));

#第二種方式
print_r($_POST);

以上這篇angularJs中$http獲取后臺(tái)數(shù)據(jù)的實(shí)例講解就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

无极县| 怀宁县| 汽车| 三台县| 永春县| 枣庄市| 鲁甸县| 泾阳县| 云南省| 普兰县| 历史| 阜南县| 新巴尔虎左旗| 三明市| 温州市| 榆社县| 阿拉善盟| 林西县| 沙雅县| 台中县| 平定县| 密云县| 黄陵县| 贺州市| 吉林省| 海兴县| 达孜县| 晋江市| 延长县| 奉贤区| 梓潼县| 邮箱| 南宁市| 内丘县| 中江县| 阳泉市| 松溪县| 天柱县| 讷河市| 长汀县| 衡阳市|