AngularJS AJAX - $http

$http ແມ່ນບໍລິການຂອງ AngularJS ທີ່ຂຽນເພື່ອອ່ານຂໍ້ມູນຈາກຜູ້ບໍລິການທີ່ຫ່າງຫຼາຍ

AngularJS $http

AngularJS $http ບໍລິການສົ່ງການຮຽກຮ້ອງຫາຜູ້ບໍລິການແລະກັບຄືນຄວາມຂັດແຍ່ງ

实例

ສົ່ງການຮຽກຮ້ອງທີ່ງາມຫາຜູ້ບໍລິການແລະສະແດງຜົນຜ່ານຫົວ

<div ng-app="myApp" ng-controller="myCtrl">
<p>ຂໍ້ຄວາມການຕຶກຕັ້ງມື້ນີ້:</p>
<h1>{{myWelcome}}</h1>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("welcome.htm")
  .then(function(response) {
    $scope.myWelcome = response.data;
  });
});
</script>

ພະຍາຍາມຕົວເອງ

ວິທີ.

ຕົວຢ່າງທີ່ທາງພາຍໃນນຳໃຊ້ $http ຂອງບໍລິການ .get ວິທີ.

ການສ້າງ .get ຂອງ $http ແມ່ນວິທີທີ່ຫຼັກຫຼາຍ.ມີວິທີທີ່ຫຼັກຫຼາຍນີ້:

• .delete()
• .get()
• .head()
• .jsonp()
• .patch()
• .post()
• .put()

ການສ້າງຫຼັກວິທີທີ່ຫຼັກຫຼາຍຂອງ $http ແມ່ນການເອິ້ນບໍລິການ $http:

实例

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http({
    method : "GET",
      url : "welcome.htm"
  }).then(function mySuccess(response) {
    $scope.myWelcome = response.data;
  }, function myError(response) {
    $scope.myWelcome = response.statusText;
  });
});

ພະຍາຍາມຕົວເອງ

ຕົວຢ່າງທີ່ທາງພາຍໃນນຳໃຊ້ບັນດາວັດຖຸຫຼັງຈາກການສະເໜີວັດຖຸເປັນປະເພດວັດຖຸຫຼັງຈາກການກຳນົດການການນຳໃຊ້ HTTP, URL, ການດຳເນີນການທີ່ຈະເກີດມາຫຼັງຈາກການສຳເລັດ ແລະ ການດຳເນີນການທີ່ຈະເກີດມາຫຼັງຈາກການລົ້ມເຫຼວ

ຜະລິດຊະນະ

ຄວາມຂັດແຍ່ງຈາກຜູ້ບໍລິການທີ່ມີຜະລິດຊະນະທີ່ຖືກກ່າວຫຼັງນີ້:

• .config ບັນດາວັດຖຸທີ່ຂຽນເພື່ອສ້າງການຮຽກຮ້ອງ
• .data ຄວາມຂັດແຍ່ງຫຼືບັນດາວັດຖຸທີ່ບັນຈຸມາຈາກຜູ້ບໍລິການ
• .headers 用于获取标头信息的函数
• .status 定义 HTTP 状态的数字
• .statusText 定义 HTTP 状态的字符串

实例

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("welcome.htm")
  .then(function(response) {
    $scope.content = response.data;
    $scope.statuscode = response.status;
    $scope.statustext = response.statusText;
  });
});

ພະຍາຍາມຕົວເອງ

要处理错误，请向 .then 方法添加一个函数：

实例

var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope, $http) {
  $http.get("wrongfilename.htm")
  .then(function(response) {
    // First function handles success
    $scope.content = response.data;
  }, function(response) {
    // Second function handles error
    $scope.content = "Something went wrong";
  });
});

ພະຍາຍາມຕົວເອງ

JSON

从响应中获取的数据应为 JSON 格式。

JSON 是传输数据的绝佳方式，并且很容易在 AngularJS 或任何其他 JavaScript 中使用。

举例：我们在服务器上有一个文件，该文件返回一个包含 15 个客户的 JSON 对象，所有这些都被包装在一个名为 records 的数组中。

请点击此处查看 JSON 对象。

实例

The ng-repeat directive is perfect for looping through an array:

<div ng-app="myApp" ng-controller="customersCtrl">
<ul>
  <li ng-repeat="x in myData">
    {{ x.Name + ', ' + x.Country }}
  </li>
</ul>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('customersCtrl', function($scope, $http) {
  $http.get("customers.php").then(function(response) {}}
    $scope.myData = response.data.records;
  });
});
</script>

ພະຍາຍາມຕົວເອງ

ຄວາມຄວຍຄວາມຂອງຄວາມຄວຍຄວາມ

ຄວາມຄວຍຄວາມຂອງຄວາມຄວຍຄວາມ customersCtrl ຄວາມຄວຍຄວາມ scope ແລະ http ໂອລິກ.

$http ແມ່ນ ໂອລິກຂອງ XMLHttpRequest, ທີ່ນຳໃຊ້ເພື່ອຮຽກຮ້ອງຂໍ້ຂອງພາຍນອກ.

$http.get() ຈາກ https://www.codew3c.com/angular/customers.php ຂໍ້ຂອງ JSON.

ຫຼັງຈາກການສຳເລັດ, ຄວາມຄວຍຄວາມຈະຖືກສ້າງໃນບັນດາບົດຂໍ້. myDataເຊິ່ງບັນດາຂໍ້ຂອງ JSON ຈະມາຈາກເວັບໄຊ.