Cepat belajar AngularJs HTTP response interceptor_AngularJS

Pada bila-bila masa, jika kami ingin menambah kefungsian global pada permintaan, seperti pengesahan, pengendalian ralat, dll., ini adalah cara yang lebih baik untuk memintas permintaan sebelum ia dihantar ke pelayan atau apabila pelayan kembali.

angularJs menyediakan cara untuk memproses di peringkat global melalui pemintas.

Empat jenis pemintas

Laksanakan kaedah permintaan untuk memintas permintaan

request: function(config) {
// do something on request success
return config || $q.when(config);
} 

Kaedah ini akan dilaksanakan sebelum $http menghantar permintaan ke latar belakang, jadi anda boleh mengubah suai konfigurasi atau melakukan operasi lain. Kaedah ini menerima objek konfigurasi permintaan sebagai parameter dan mesti mengembalikan objek konfigurasi atau janji. Jika objek konfigurasi yang tidak sah atau janji dikembalikan, ia akan ditolak, menyebabkan panggilan $http gagal.

Laksanakan kaedah requestError untuk memintas pengecualian permintaan

requestError: function(rejection) {
　　// do something on request error　　return $q.reject(rejection);
} 

Kadangkala permintaan gagal dihantar atau ditolak oleh pemintas pengecualian permintaan akan menangkap permintaan tersebut yang diganggu oleh pemintas permintaan sebelumnya. Ia boleh digunakan untuk memulihkan permintaan atau kadangkala untuk membuat asal konfigurasi yang dibuat sebelum permintaan, seperti menutup bar kemajuan, mengaktifkan butang dan kotak input, dsb.

Laksanakan kaedah tindak balas untuk memintas respons

response: function(response) {
　　// do something on response success
return response || $q.when(response);} 

Kaedah ini akan dilaksanakan selepas $http menerima respons daripada latar belakang, jadi anda boleh mengubah suai respons atau melakukan operasi lain. Kaedah ini menerima objek tindak balas sebagai parameter dan mesti mengembalikan objek respons atau janji. Objek tindak balas termasuk konfigurasi permintaan, pengepala, status dan data dari latar belakang. Jika objek respons tidak sah dikembalikan atau janji akan ditolak, panggilan $http akan gagal.

Laksanakan kaedah responseError untuk memintas pengecualian respons

responseError: function(rejection) {
// do something on response error　　return $q.reject(rejection);
} 

Kadangkala panggilan latar belakang kami gagal, atau mungkin ditolak oleh pemintas permintaan atau diganggu oleh pemintas respons sebelumnya. Dalam kes ini, pemintas pengecualian respons boleh membantu kami menyambung semula panggilan latar belakang.

Teras Pemintas

Kilang Servis Pemintas

var app = angular.module("ajaxHttp", []);
app.factory("httpInterceptor", [ "$q", "$rootScope", function($q, $rootScope) {
return {
request: function(config) {
// do something on request success
return config || $q.when(config);
},
　　 requestError: function(rejection) {
　　　　 // do something on request error
　　　　 return $q.reject(rejection)
　　 },
response: function(response) {
// do something on response success
return response || $q.when(response);
},
responseError : function(rejection) {
// do something on response error
return $q.reject(rejection);
}
};
}]); 

Daftar kaedah kilang pemintasan

app.config(["$httpProvider", function($httpProvider) {
　　$httpProvider.interceptors.push("httpInterceptor");
}]); 

Contoh

Pemintasan dan pemprosesan 401, 404

app.config(["$httpProvider", function($httpProvider) { 
$httpProvider.interceptors.push('httpInterceptor'); 
}]); 
app.factory("httpInterceptor", ["$q", "$injector", function($q, $injector) {
return {
"responseError": function(response) {
if (response.status == 401) {
var rootScope = $injector.get('$rootScope');
var state = $injector.get('$rootScope').$state.current.name;
rootScope.stateBeforLogin = state;
rootScope.$state.go("login");
return $q.reject(response);
}
else if (response.status === 404) {
console.log("404!");
return $q.reject(response);
}
}
};
]);

Kandungan di atas adalah untuk berkongsi dengan anda pengetahuan yang berkaitan tentang pembelajaran cepat pemintas respons HTTP AngularJs Saya harap anda menyukainya, dan terima kasih atas sokongan berterusan anda terhadap tapak web Script House.