Angular的$http的ajax的請(qǐng)求操作（推薦）
angular通過(guò)封裝$http方法，封裝了，ajax請(qǐng)求
也通過(guò)$http封裝了$http.get()和$http.post()的方法，這里由于圖省事，這兩種方法不如直接使用通用的方法
這里先寫(xiě)一個(gè)案例，首先先寫(xiě)一個(gè)對(duì)象
var req = {
method: 'POST',//請(qǐng)求的方式
url: ip,//請(qǐng)求的地址
headers: {
'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8',
'Accept': '*/*'
},//請(qǐng)求的頭，如果默認(rèn)可以不寫(xiě)
timeout:5000,//超時(shí)時(shí)間，還沒(méi)有測(cè)試
data: str //message 必須是a=b&c=d的格式
};
然后通過(guò)$http方法調(diào)用對(duì)象，獲取信息
$http(req).success(function (data, status, headers, config) {
//成功后的數(shù)據(jù)處理
}).error(function (data, status, headers, config) {
//失敗后的提示
console.log("error", data, status, headers, JSON.stringify(config));
});
angular 的ajax使用的是鏈?zhǔn)秸{(diào)用的方式，比較省事，簡(jiǎn)單易懂
$http的配置項(xiàng)
method:請(qǐng)求方式，有GET/DELETE/HEAD/JSONP/POST/PUT
url：絕對(duì)的或者相對(duì)的請(qǐng)求目標(biāo)
data或者 params：請(qǐng)求的數(shù)據(jù)傳送，data是post請(qǐng)求的數(shù)據(jù)，params是get請(qǐng)求的數(shù)據(jù)
headers：請(qǐng)求的頭部
timeout：設(shè)置請(qǐng)求超時(shí)的時(shí)間，以毫秒計(jì)算，1000就相當(dāng)于一秒
以上所述是小編給大家介紹的Angular的$http的ajax的請(qǐng)求操作，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
angular實(shí)現(xiàn)spa單頁(yè)面應(yīng)用實(shí)例
本篇文章主要介紹了angular實(shí)現(xiàn)spa單頁(yè)面應(yīng)用實(shí)例，小本篇文章是對(duì)單頁(yè)面的一個(gè)簡(jiǎn)單的基本邏輯操作，這個(gè)方法可以搭建基本的單頁(yè)面的邏輯結(jié)構(gòu)。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互
本篇文章主要介紹了詳解angularjs中如何實(shí)現(xiàn)控制器和指令之間交互，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
angular2中router路由跳轉(zhuǎn)navigate的使用與刷新頁(yè)面問(wèn)題詳解
這篇文章主要給大家介紹了angular2中router路由跳轉(zhuǎn)navigate的使用與刷新頁(yè)面問(wèn)題的相關(guān)資料，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)一起看看吧。2017-05-05
本篇文章主要介紹了angularjs+bootstrap菜單的使用示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下。2017-03-03
AngularJS使用Filter自定義過(guò)濾器控制ng-repeat去除重復(fù)功能示例
這篇文章主要介紹了AngularJS使用Filter自定義過(guò)濾器控制ng-repeat去除重復(fù)功能,結(jié)合實(shí)例形式分析了AngularJS自定義過(guò)濾器的定義及數(shù)組過(guò)濾相關(guān)操作技巧,需要的朋友可以參考下2018-04-04
Angular 4根據(jù)組件名稱動(dòng)態(tài)創(chuàng)建出組件的方法教程
組件是我們?cè)趯W(xué)習(xí)angular中必不可少的一部分，下面這篇文章主要給大家介紹了關(guān)于Angular 4如何根據(jù)組件名稱動(dòng)態(tài)創(chuàng)建出組件的相關(guān)資料，文中通過(guò)圖文與示例代碼介紹的非常詳細(xì)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。2017-11-11
解決angularjs WdatePicker ng-model的問(wèn)題
今天小編就為大家分享一篇解決angularjs WdatePicker ng-model的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-09-09
angular框架實(shí)現(xiàn)全選與單選chekbox的自定義
這篇文章主要介紹了angular框架實(shí)現(xiàn)全選與單選chekbox的自定義,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
Directive的概念在Angular 1.x就存在了，我對(duì)它的認(rèn)識(shí)比較模糊，所以直接通過(guò)一些例子來(lái)說(shuō)明。Angular提供的內(nèi)置執(zhí)行有很多，這次使用兩個(gè)：ngFor、ngIf。2016-08-08
Angularjs中date過(guò)濾器失效的問(wèn)題及解決方法
這篇文章主要介紹了Angularjs中date過(guò)濾器失效的問(wèn)題及解決方法,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-07-07