Latest web development tutorials

AngularJS المتشعب

$ HTTP AngularJS هو خدمة أساسية لقراءة البيانات من الملقم البعيد.

قراءة ملف JSON

ما يلي هو ملف JSON المخزنة على خادم الويب:

http://www.w3big.com/try/angularjs/data/sites.php

{ "مواقع": [ { "اسم": "تعليمي"، "رابط": "www.w3big.com "، "البلد": "CN" }، { "اسم": "جوجل"، "رابط": "www.google.com"، "البلد": "الولايات المتحدة الأمريكية" }، { "اسم": "الفيسبوك"، "رابط": "www.facebook.com"، "البلد": "الولايات المتحدة الأمريكية" }، { "اسم": "المدونات الصغيرة"، "رابط": "www.weibo.com "، "البلد": "CN" } ] }

AngularJS $ HTTP

يستخدم خدمة AngularJS $ المتشعب لقراءة البيانات على خادم الويب.

$ Http.get يستخدم (رابط) وظيفة لقراءة خادم البيانات.

AngularJS الأمثلة

<div نانوغرام التطبيق = "اسم التطبيق" نانوغرام تحكم = "siteCtrl"> <UL> <لي نانوغرام تكرار = "x في الأسماء "> {{x.Name + '،' + x.Country}} </ لى> </ UL> </ div> <script> فار التطبيق = angular.module ( "اسم التطبيق"، [])؛ app.controller ( 'siteCtrl، وظيفة ($ نطاق، $ المتشعب) {$ http.get ( "http://www.w3big.com /try/angularjs/data/sites.php ") .success (وظيفة (استجابة ) {$ scope.names = response.sites؛})؛})؛ </ script>

محاولة »

تحليل التطبيق:

؟ ملاحظة: الحصول على رمز الطلب المذكور أعلاه هو ملقم المواقع، لا يمكن نسخها مباشرة على المدى المحلي الخاص بك، سوف تكون هناك مشكلة عبر المجال، والحل هو لنسخ البيانات Customers_JSON.php إلى الخادم الخاص بك، مع: PHP اياكس المشكلة عبر المجال أفضل حل.

AngularJS تطبيق المعرفة التي كتبها نغ التطبيق. تنفيذ التطبيق في <div> في.

تعليمات نانوغرام تحكم تعيين تحكم اسم الكائن.

CustomersController الوظيفة هي معيار جافا سكريبت كائن المنشئ.

كائن وحدة تحكم لديه ممتلكات: $ scope.names.

$ http.get () يقرأ البيانات JSON ثابتة من خادم الويب.

ملف بيانات الخادم: http://www.w3big.com/try/angularjs/data/sites.php .

عند تحميل البيانات JSON من الخادم، $ scope.names في صفيف.

مذكرة ويمكن أيضا أن هذا الرمز أن تستخدم لقراءة بيانات قاعدة البيانات.