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