$http如何在AngularJS中使用?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
遵化網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作,到程序開發(fā),運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)從2013年開始到現(xiàn)在10年的時(shí)間,我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn),來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
在AngularJS中主要使用$http服務(wù)與遠(yuǎn)程http服務(wù)器交互,其作用類似于jquery中的$.ajax服務(wù):
$http是AngularJS的一個(gè)核心服務(wù),利用瀏覽器的xmlhttprequest或者via JSONP對(duì)象與遠(yuǎn)程HTTP服務(wù)器進(jìn)行交互;
與$.ajax相同,支持多種method請(qǐng)求:get、post、put、delete等;
controller中可通過與$scope同樣的方式獲取$http對(duì)象,形如:function controller($ http, $ scope){};
$http使用說明:
$http服務(wù)使用如下面代碼所示:
// 1.5以下版本 $http(config) .success(function(data, status, headers, config){//請(qǐng)求成功執(zhí)行代碼}) .error(function(data, status, headers, config){//請(qǐng)求失敗執(zhí)行代碼}) // 1.5以上版本 $http(config).then( function successCallback(response){//請(qǐng)求成功執(zhí)行代碼}, function errorCallback(response){//請(qǐng)求失敗執(zhí)行代碼} );
具體參數(shù)、方法說明:
配置參數(shù):
config是請(qǐng)求的配置參數(shù)總集,格式為json;
包含的配置項(xiàng)包括:
method:字符串類型,請(qǐng)求方式如"GET","POST","DELETE"等;
url:字符串類型,請(qǐng)求的url地址;
params:json類型,請(qǐng)求參數(shù),將在url上被拼接成?key=value的形式;
data:json類型,請(qǐng)求數(shù)據(jù),將放在請(qǐng)求內(nèi)發(fā)送至服務(wù)器;
cache:bool類型,true表示http GET請(qǐng)求時(shí)采用默認(rèn)的$http cache,否則使用$cacheFactory的實(shí)例;
timeout:整數(shù)類型,超時(shí)時(shí)間;
回調(diào)函數(shù):
success是請(qǐng)求成功后的回調(diào)函數(shù);
error是請(qǐng)求失敗后的回調(diào)函數(shù);
data是響應(yīng)體;
status是相應(yīng)的狀態(tài)值;
headers是獲取getter的函數(shù);
config是請(qǐng)求中的config json對(duì)象;
method屬性可以作為config配置參數(shù)中的一個(gè)屬性,也可以直接作為方法調(diào)用,如:
$http.post(url, data, config)
$http使用范例:
var searchOplog = function ($http, table, btn) { $http({ url: 'data/oplog.json', method: 'GET' }).then(function successCallback(response) { console.log('get Oplog success:', response); table.init(response.data); btn.button('reset'); btn.dequeue(); }, function errorCallback(response) { console.log('errorCallback Response is:', response); table.init(); btn.button('reset'); btn.dequeue(); }); };
看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。
分享題目:$http如何在AngularJS中使用
標(biāo)題鏈接:http://muchs.cn/article40/gecoho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站設(shè)計(jì)、企業(yè)網(wǎng)站制作、自適應(yīng)網(wǎng)站、網(wǎng)站策劃、搜索引擎優(yōu)化、網(wǎng)站設(shè)計(jì)公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)