Kata pengantar
$ HTTP Service: Ini hanya merangkum objek XMLHttpRequest asli browser dan menerima parameter. Parameter ini adalah objek yang berisi konten konfigurasi yang digunakan untuk menghasilkan permintaan HTTP. Fungsi ini mengembalikan objek promise dengan metode success dan error .
Gunakan skenario layanan $ http:
var janji = $ http ({Metode: "post", // bisa mendapatkan, memposting, meletakkan, menghapus, kepala, jsonp; umum digunakan adalah get, posturl: "./ data.json", // permintaan jalur params: {'biasanya,' lisa '}, // lulus parameter, peta string atau objek, dan konversi ke dalam? Permintaan, Kirim Data Biner dan Gunakan Objek Blob.}). Sukses (Fungsi (Data) {// Respons berhasil dioperasikan}). Kesalahan (fungsi (data) {// Respons Gagal (respons dikembalikan dalam keadaan kesalahan) Operasi}) Fungsi then() : Anda dapat menggunakan fungsi then() untuk menangani panggilan balik dari layanan $ http. Fungsi then() menerima dua fungsi opsional sebagai parameter untuk mewakili pemrosesan ketika keadaan success atau error . Anda juga dapat menggunakan callback success dan error sebagai gantinya:
then(successFn, errFn, notifyFn) , apakah promise berhasil atau gagal, ketika hasilnya tersedia, then segera memanggil successFn atau errFn secara tidak sinkron. Metode ini selalu memanggil fungsi panggilan balik dengan satu parameter: hasil, atau alasan penolakan.
Sebelum promise dieksekusi atau ditolak, panggilan balik notifyFn dapat dipanggil 0 hingga beberapa kali untuk memberikan prompt untuk status proses.
janji.then (function (resp) {// dipanggil ketika respons berhasil, resp adalah objek respons}, function (resp) {// dipanggil ketika respons gagal, resp memiliki pesan kesalahan}); RESP (objek respons) yang diterima oleh fungsi then() berisi 5 properti:
1. Data (string atau objek): Badan Respons
2. Status: Kode Status HTTP yang sesuai, seperti 200
3. Header (Fungsi): Fungsi pengambil dengan informasi header, yang dapat menerima parameter untuk mendapatkan nilai nama yang sesuai.
4. config (objek): Menghasilkan objek pengaturan lengkap dari permintaan asli
5. Statustext: Teks Status HTTP yang sesuai, seperti "OK"
Atau gunakan metode success/error , gunakan
// berhasil menangani janji.
Contoh Penggunaan:
index.html
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>$http request test </title> <script src="../js/angular.js"></script> <script src="app.js"></script></head><body><div data-ng-app="myApp" Data-ng-controller = "myAppController" Data-ng-init = "loadData ()"> <able> <Thead> <tr> <Th> nama </t> <t th> Properti </th> </tr> </tbody> <tbody> <tr Data-Repeat = "Data di mydata"> <TBody> <T TR DATA-NG-REPEAT = "Data di mydata"> <tBody> {TR TRE-NG-REPEAT = "Data di mydata"> {TR TRD. {TRD. {TR TRD. "DATE-NG-REPEAT =" TRD. " <td> {{data.attr}} </td> </tr> </tbody> </able> </div> </body> </html>app.js
var myHttpapp = angular.module ("myapp", []); myhttpapp.controller ("myappController", function ($ q, $ http, $ scope) {var deffer = $ q.defer (); var data = new blob ([{"nama": "zhangsan (" zhangsan ("zhangsan); new blob. $ http ({Method: "Post", url: "./ Data.json", cache: true}). Success (function (data) {deffer.resolve (data);}). Kesalahan (fungsi (data) {deffer.rect (data);}) janji.then (function (data) {$ scope.my (data);}) janji.then (function (data) {$ scope.my (data);}) janji.then (function (data) {$ scope.my /*promise.success (function (data) {$ scope.mydata = data;})* /}})data.json
[{"name": "zhangsan", "attr": "cina"}, {"name": "lisa", "attr": "usa"}, {"name": "bob", "attr": "uk"}, {"nama": "jecy", "attr": "jepan"}]]hasil:
Objek resp kembali saat memanggil fungsi then() :
Meringkaskan
Aplikasi dan parameter yang umum digunakan dari layanan $ HTTP di AngularJS pada dasarnya sudah berakhir. Saya harap konten artikel ini akan membantu semua orang untuk belajar menggunakan AngularJS. Jika Anda memiliki pertanyaan, silakan tinggalkan pesan untuk berkomunikasi.