แอปพลิเคชันจริงจำเป็นต้องโต้ตอบกับเซิร์ฟเวอร์จริงแอปพลิเคชันมือถือและแอพพลิเคชั่นเดสก์ท็อป Chrome ที่เกิดขึ้นใหม่อาจเป็นข้อยกเว้น แต่สำหรับแอปพลิเคชันอื่น ๆ ทั้งหมดไม่ว่าคุณจะต้องการคงอยู่กับคลาวด์หรือโต้ตอบกับผู้ใช้รายอื่นตามเวลาจริงคุณต้องโต้ตอบกับเซิร์ฟเวอร์
เพื่อให้บรรลุเป้าหมายนี้ Angular ให้บริการที่เรียกว่า $ http มันมีรายการวิธีการนามธรรมที่ขยายได้เพื่อให้การโต้ตอบกับเซิร์ฟเวอร์ง่ายขึ้น รองรับวิธี HTTP, JSONP และ CORS นอกจากนี้ยังมีการสนับสนุนด้านความปลอดภัยเพื่อหลีกเลี่ยงช่องโหว่ในรูปแบบ JSON และ XSRF ช่วยให้คุณสามารถแปลงข้อมูลการร้องขอและการตอบกลับได้อย่างง่ายดายและแม้แต่ใช้การแคชอย่างง่าย
ตัวอย่างเช่นเราตั้งใจที่จะให้ไซต์ช้อปปิ้งได้รับข้อมูลผลิตภัณฑ์จากเซิร์ฟเวอร์แทนที่จะเป็นข้อมูลเท็จจากหน่วยความจำ วิธีการเขียนรหัสเซิร์ฟเวอร์อยู่นอกเหนือขอบเขตของหนังสือเล่มนี้ดังนั้นลองจินตนาการว่าตัวอย่างเช่นเราได้สร้างเซิร์ฟเวอร์ที่ส่งคืนรายการผลิตภัณฑ์ในรูปแบบ JSON เมื่อสอบถามเส้นทาง /ผลิตภัณฑ์
ตัวอย่างการตอบกลับที่ส่งคืนมีดังนี้:
[{"id": 0, "title": "Paint Pots", "คำอธิบาย": "หม้อที่เต็มไปด้วยสี", "price": 3.95}, {"id": 1, "ชื่อ": "Polka Dots", "คำอธิบาย": "Dots with", ",", "," จริง ๆ "," ราคา ": 6.95} ... ฯลฯ ... ]เราสามารถเขียนรหัสสอบถามแบบนี้ได้:
Function ShoppingController ($ scope, $ http) {$ http.get ('/products'). ความสำเร็จ (ฟังก์ชั่น (ข้อมูล, สถานะ, ส่วนหัว, config) {$ scope.items = data;});};จากนั้นใช้แบบนี้ในเทมเพลต:
<body ng-controller = "ShoppingController"> <h1> shop! </h1> <table> <tr ng-repeat = "รายการในรายการ"> <td> {{item.title}} </td> <td> {item.description สกุลเงิน}} </td> </tr> </table> </div> </body>ดังที่เราได้กล่าวไว้ก่อนหน้านี้ในระยะยาวมันเป็นประโยชน์สำหรับเราที่จะให้พร็อกซีบริการโต้ตอบกับเซิร์ฟเวอร์และบริการนี้สามารถแชร์ได้โดยตัวควบคุมหลายตัว