Bagaimana Mengendalikan Respons $http Asynchronous dengan betul dalam Perkhidmatan AngularJS?

Memproses Respons $http dalam Perkhidmatan

Dalam keluaran terbaharu anda, anda menghadapi masalah apabila paparan anda tidak dikemas kini selepas berjaya memproses $ permintaan http dalam anda perkhidmatan.

Penyelesaian:

Untuk menyelesaikan isu ini, anda perlu bekerja dengan janji secara langsung dan fungsi "kemudian"nya untuk mengendalikan respons yang dikembalikan tak segerak. Berikut ialah contoh:

app.factory('myService', function ($http) {
  var myService = {
    async: function () {
      // $http returns a promise
      var promise = $http.get('test.json').then(function (response) {
        // Process the response and return modified data
        return response.data;
      });
      // Return the promise
      return promise;
    }
  };
  return myService;
});

app.controller('MainCtrl', function (myService, $scope) {
  // Call the async method and then do stuff with what is returned in the "then" function
  myService.async().then(function (data) {
    $scope.data = data;
  });
});

Dalam contoh ini, kaedah async dalam perkhidmatan mengembalikan janji. Pengawal memanggil kaedah ini dan mengendalikan nilai janji yang diselesaikan menggunakan fungsi "kemudian". Ini membolehkan anda mengakses dan memanipulasi data respons dan mengemas kini paparan daripada pengawal.

Anda juga boleh cache permintaan $http menggunakan teknik yang sama:

app.factory('myService', function ($http) {
  var promise;
  var myService = {
    async: function () {
      // If the promise doesn't exist, create it
      if (!promise) {
        promise = $http.get('test.json').then(function (response) {
          // Process the response and return modified data
          return response.data;
        });
      }
      // Return the cached promise
      return promise;
    }
  };
  return myService;
});

Pendekatan ini memastikan bahawa permintaan $http hanya dibuat sekali sahaja, meningkatkan prestasi.

Atas ialah kandungan terperinci Bagaimana Mengendalikan Respons $http Asynchronous dengan betul dalam Perkhidmatan AngularJS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!