AngularJs : การดึงข้อมูลผ่านทาง HTTP ($http)

Jquery & Ajax Knowledge ความรู้เกี่ยวกับ Javascript , Jquery ม Ajax

Moderators: mindphp, ผู้ดูแลกระดาน

User avatar
thatsawan
PHP VIP Members
PHP VIP Members
Posts: 27264
Joined: 31/03/2014 10:02 am
Contact:

AngularJs : การดึงข้อมูลผ่านทาง HTTP ($http)

Post by thatsawan »

$http คือ อ library ที่ทำมาให้รองรับการเรียกใช้งาน HTTP Request โดยประกอบไปด้วย

Code: Select all

  
    .delete()
    .get()
    .head()
    .jsonp()
    .patch()
    .post()
    .put()
อ้างอิงจาก
http://www.w3schools.com/angular/angular_http.asp


ตัวอย่าง

Code: Select all

<!DOCTYPE html>
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>

<div ng-app="myApp" ng-controller="mainCtrl"> 



<h1>{{myWelcome}}</h1>
</div>

<script>
var app = angular.module('myApp', []);
app.controller('mainCtrl', function($scope, $http) {
  $http({
    method : "GET",
    url : "data_show.html"
  }).then(function mySucces(response) {
      $scope.myWelcome = response.data;
    }, function myError(response) {
      $scope.myWelcome = response.statusText;
  });
});
</script>

</body>
</html>
2016-04-26_14-09-58.png
2016-04-26_14-09-58.png (78.03 KiB) Viewed 1567 times
ตัวอย่างไฟล์ data_show.html ที่เราจะทำการดึงข้อมูลมาเเสดง
2016-04-26_14-09-02.png
2016-04-26_14-09-02.png (36.22 KiB) Viewed 1567 times
ตัวอย่างการ Run
2016-04-26_14-13-06.png
2016-04-26_14-13-06.png (33.46 KiB) Viewed 1567 times
ดูเพิ่มเติมที่นี่
https://docs.angularjs.org/api/ng/service/$http

สามารถศึกษา เพิ่มเติมได้ที่
บทเรียน HTML
บทเรียน-html5
บทเรียน CSS
บทเรียน Javascript
บทเรียน jquery
  • Similar Topics
    Replies
    Views
    Last post

Return to “Jquery & Ajax Knowledge”

Who is online

Users browsing this forum: No registered users and 3 guests