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

Post a reply

Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

by thatsawan » 26/04/2016 2:14 pm

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

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

Top