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': '*/*'
},//請求的頭，如果默認(rèn)可以不寫
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使用的是鏈?zhǔn)秸{(diào)用的方式，比較省事，簡單易懂
$http的配置項(xiàng)
method:請求方式，有GET/DELETE/HEAD/JSONP/POST/PUT
url：絕對的或者相對的請求目標(biāo)
data或者 params：請求的數(shù)據(jù)傳送，data是post請求的數(shù)據(jù)，params是get請求的數(shù)據(jù)
headers：請求的頭部
timeout：設(shè)置請求超時的時間，以毫秒計(jì)算，1000就相當(dāng)于一秒
以上所述是小編給大家介紹的Angular的$http的ajax的請求操作，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要給大家介紹了關(guān)于angular8和ngrx8結(jié)合使用的詳細(xì)步驟，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用angular8具有一定的參考學(xué)習(xí)價值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12
Angular實(shí)現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能示例
這篇文章主要介紹了Angular實(shí)現(xiàn)的自定義模糊查詢、排序及三角箭頭標(biāo)注功能,涉及AngularJS針對頁面table元素的遍歷、查詢、判斷、排序等相關(guān)操作技巧,需要的朋友可以參考下2017-12-12
這篇文章主要介紹了AngularJS路由Ui-router模塊用法,結(jié)合實(shí)例形式分析了Ui-router模塊的功能、使用方法及相關(guān)注意事項(xiàng),需要的朋友可以參考下2017-05-05
這篇文章主要給大家介紹了在Angular2下使用pdf插件的方法，使用這個插件是要實(shí)現(xiàn)一個pdf顯示的功能，文中介紹的非常詳細(xì)，對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-04-04
本篇文章給大家詳細(xì)分析了angularjs中$http異步上傳Excel文件方法，對此有需要的讀者可以學(xué)習(xí)下。2018-02-02
今天小編就為大家分享一篇angularJS1 url中攜帶參數(shù)的獲取方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-10-10
Angular通過angular-cli來搭建web前端項(xiàng)目的方法
這篇文章主要介紹了Angular通過angular-cli來搭建web前端項(xiàng)目的方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
Angular頁面?zhèn)鲄⒂卸喾N辦法，根據(jù)不同用例，本文介紹5種最常見的頁面?zhèn)鲄⒌姆绞?。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
AngularJS遞歸指令實(shí)現(xiàn)Tree View效果示例
這篇文章主要介紹了AngularJS遞歸指令實(shí)現(xiàn)Tree View效果,結(jié)合實(shí)例形式分析了AngularJS基于遞歸指令實(shí)現(xiàn)樹形結(jié)構(gòu)層次數(shù)據(jù)的相關(guān)操作步驟與注意事項(xiàng),需要的朋友可以參考下2016-11-11
這篇文章主要介紹了AngularJS讀取JSON及XML文件的方法,涉及AngularJS針對xml及json格式文件數(shù)據(jù)的讀取、遍歷、輸出等相關(guān)操作技巧,需要的朋友可以參考下2017-05-05