AngularJS XMLHTTTPREQUEST
$ http เป็นบริการหลักใน AngularJs ที่อ่านข้อมูลจากเซิร์ฟเวอร์ระยะไกล
อ่านไฟล์ JSON
ต่อไปนี้คือไฟล์ JSON ที่เก็บไว้บนเว็บเซิร์ฟเวอร์:
http://www.runoob.com/try/angularjs/data/customers_json.php
{"บันทึก": [{"ชื่อ": "Alfreds Futterkiste", "City": "Berlin", "Country": "Germany"}, {"Name": "Berglunds Snabbköp", "City": "Luleå", "Country": "Sweden" DF "," Country ":" Mexico "}, {" Name ":" Ernst Handel "," City ":" Graz "," Country ":" Austria "}, {" Name ":" Fissa Fabrica Inter "บาร์เซโลนา", "ประเทศ": "สเปน"}, {"ชื่อ": "การซื้อขายเกาะ", "เมือง": "cowes", "ประเทศ": "uk"}, {"ชื่อ": "Königlich Essen", "City": "Brandenburg", "Country": "Germany" "Vancouver", "Country": "Canada"}, {"Name": "Magazzini Alimentari riuniti", "City": "Bergamo", "Country": "อิตาลี"}, {"ชื่อ": "North/South", "City": "London", "ประเทศ": "ปารีส", "ประเทศ": "ฝรั่งเศส"}, {"ชื่อ": "Rattlesnake Canyon Grocery", "City": "Albuquerque", "Country": "USA"}, {"ชื่อ": "Simons Bistro", "City": "København" "พอร์ตแลนด์", "ประเทศ": "USA"}, {"ชื่อ": "Vaffeljernet", "City": "Århus", "Country": "Denmark"}, {"Name": "Wolski Zajazd", "City": "Warszawa", "ประเทศ":Angularjs $ http
AngularJS $ HTTP เป็นบริการที่ใช้ในการอ่านข้อมูลบนเว็บเซิร์ฟเวอร์
$ http.get (URL) เป็นฟังก์ชั่นที่ใช้ในการอ่านข้อมูลเซิร์ฟเวอร์
อินสแตนซ์ Angularjs
<! doctype html> <html> <head> <meta charset = "utf-8"> <script src = "http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js" <ul> <li ng-repeat = "x ในชื่อ"> {{x.name + ',' + x.country}} </li> </ul> </div> <script> var app = angular.module ('myapp', []); app.controller ( $ http.get ("http://www.runoob.com/try/angularjs/data/customers_json.php") .success (ฟังก์ชั่น (การตอบสนอง) {$ scope.names = response.records;});});ผลการทำงาน:
การวิเคราะห์แอปพลิเคชัน:
หมายเหตุ: คำขอ GET ของรหัสด้านบนเป็นเซิร์ฟเวอร์ของเว็บไซต์นี้ คุณไม่สามารถคัดลอกโดยตรงไปยังการดำเนินการในพื้นที่ของคุณ จะมีปัญหาข้ามโดเมน ทางออกคือ
คัดลอกข้อมูล comention_json.php ไปยังเซิร์ฟเวอร์ของคุณเองพร้อมทางออกที่ดีที่สุดสำหรับปัญหา PHP Ajax Cross-Domain
แอปพลิเคชัน AngularJS ถูกกำหนดโดย NG-APP แอปพลิเคชันถูกดำเนินการใน <div>
คำสั่ง NG-Controller ตั้งค่าชื่อวัตถุคอนโทรลเลอร์
ฟังก์ชั่น CustomerController เป็นตัวสร้างวัตถุ JavaScript มาตรฐาน
วัตถุคอนโทรลเลอร์มีคุณสมบัติ: $ scope.names
$ http.get () อ่านข้อมูล JSON แบบคงที่จากเว็บเซิร์ฟเวอร์
ไฟล์ข้อมูลเซิร์ฟเวอร์คือ: http://www.runoob.com/try/angularjs/data/customers_json.php
เมื่อข้อมูล JSON ถูกโหลดจากเซิร์ฟเวอร์ $ scope.names จะกลายเป็นอาร์เรย์
หมายเหตุ: รหัสด้านบนสามารถใช้ในการอ่านข้อมูลฐานข้อมูล
ข้างต้นเป็นการรวบรวมข้อมูล XMLHTTTPREQUEST AngularJS และเราจะเพิ่มในภายหลังโดยหวังว่าจะช่วยเหลือเพื่อนที่ต้องการ