国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 編程 > JavaScript > 正文

AngularJS入門(mén)教程之與服務(wù)器(Ajax)交互操作示例【附完整demo源碼下載】

2019-11-20 08:36:37
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友

本文實(shí)例講述了AngularJS與服務(wù)器Ajax交互操作。分享給大家供大家參考,具體如下:

AngularJS從Web服務(wù)器請(qǐng)求資源都是通過(guò)Ajax來(lái)完成,所有的操作封裝在$http服務(wù)中,$http服務(wù)是只能接收一個(gè)參數(shù)的函數(shù),這個(gè)參數(shù)是一個(gè)對(duì)象,用來(lái)完成HTTP請(qǐng)求的一些配置,函數(shù)返回一個(gè)對(duì)象,具有success和error兩個(gè)方法。

用法如下:

$http({method:'post',url:'loginAction.do'}).success(function(data,status,headers,config){//正常響應(yīng)回調(diào)}).error(function(data,status,headers,config){//錯(cuò)誤響應(yīng)回調(diào)});

狀態(tài)碼在200-299之間,會(huì)認(rèn)為響應(yīng)是成功的,success方法會(huì)被調(diào)用,第一個(gè)參數(shù)data為服務(wù)器端返回的數(shù)據(jù),status為響應(yīng)狀態(tài)碼。后面兩個(gè)參數(shù)不常用,這里不做介紹。有興趣的朋友請(qǐng)參考AngularJs API文檔。

除此之外$http服務(wù)提供了一些快捷方法,這些方法簡(jiǎn)化了復(fù)雜的配置,只需要提供URL即可。比如對(duì)于post請(qǐng)求我們可以寫(xiě)成下面這個(gè)樣子:

$http.post("loginAction.do").success(function(data,status,headers,config){//正常響應(yīng)回調(diào)}).error(function(data,status,headers,config){//錯(cuò)誤響應(yīng)回調(diào)});

下面來(lái)看一個(gè)案例:

<!DOCTYPE html><html ng-app="serverMod"><head lang="en"> <meta charset="UTF-8"> <script type="text/javascript" src="angular-1.3.0.14/angular.js"></script> <title>tutorial09</title></head><body ng-controller="ServerController" ng-init="init()"><p>name:{{name}}</p><p>age:{{age}}</p><button ng-click="getInfo()">請(qǐng)求</button></body><script> var serverMod = angular.module("serverMod",[]); serverMod.controller("ServerController",function($scope,$log,$http){  $scope.init = function()  {   $log.info("init functionn");  }  $scope.getInfo = function()  {   $http.get("json/person.json").success(function(data,status){    alert(status);    $scope.name = data.name;    $scope.age = data.age;   });  } });</script></html>

點(diǎn)擊”請(qǐng)求”按鈕,我們通過(guò)$http服務(wù)以get方式向服務(wù)器請(qǐng)求數(shù)據(jù),服務(wù)器響應(yīng)數(shù)據(jù)格式通常為一段Json,這里我們用一個(gè)文本文件代替,person.json內(nèi)容如下:

{"name":"Rongbo_J","age":"23"}

返回的數(shù)據(jù)會(huì)放在data參數(shù)中,我們可以獲取服務(wù)器響應(yīng)的內(nèi)容

主站蜘蛛池模板: 亳州市| 六枝特区| 道孚县| 神木县| 青龙| 防城港市| 逊克县| 盖州市| 伊金霍洛旗| 太谷县| 库伦旗| 高阳县| 永宁县| 华亭县| 富源县| 信宜市| 祁门县| 隆化县| 浑源县| 郓城县| 米泉市| 新泰市| 仙游县| 墨竹工卡县| 镇原县| 潞城市| 阳城县| 鹤壁市| 湖北省| 怀集县| 龙里县| 望城县| 新乡县| 静乐县| 子洲县| 崇明县| 浏阳市| 襄城县| 库伦旗| 慈溪市| 湛江市|