تعد AJAX بلا شك واحدة من أهم تقنيات تطوير الويب في عام 2005. وبطبيعة الحال، لا يمكن فصل هذا الرصيد عن Google. أنا مجرد مطور عادي ولا أستخدم AJAX كثيرًا، وسأشارك تجربتي في استخدامه. (تفترض هذه المقالة أن المستخدم لديه بالفعل إمكانات تطوير الويب الأساسية مثل JavaScript وHTML وCSS)
[مقدمة إلى AJAX]
Ajax هي طريقة لتطوير تطبيقات الويب تستخدم البرامج النصية من جانب العميل لتبادل البيانات مع خادم الويب. يمكن تحديث صفحات الويب ديناميكيًا دون مقاطعة عملية التفاعل وإعادة تحريرها. باستخدام Ajax، يمكن للمستخدمين إنشاء واجهات مستخدم ويب مباشرة ومتاحة للغاية وأكثر ثراءً وأكثر ديناميكية وتكون قريبة من تطبيقات سطح المكتب الأصلية.
لا تعد JavaScript وXML (AJAX) غير المتزامنة تقنية جديدة، ولكنها تستخدم العديد من التقنيات الحالية - بما في ذلك أوراق الأنماط المتتالية (CSS)، وJavaScript، وXHTML، وXML، وتحويلات لغة الأنماط القابلة للتوسيع (XSLT) لتطوير برامج تطبيقات الويب ذات الشكل والإجراء المشابهة لـ برامج سطح المكتب.
[مبدأ تنفيذ AJAX]
يبدأ تفاعل Ajax بكائن JavaScript يسمى XMLHttpRequest. كما يوحي الاسم، فهو يسمح لبرنامج نصي من جانب العميل بتنفيذ طلبات HTTP وسيقوم بتحليل استجابة الخادم بتنسيق XML. الخطوة الأولى في معالجة Ajax هي إنشاء مثيل XMLHttpRequest. استخدم طريقة HTTP (GET أو POST) للتعامل مع الطلب وتعيين عنوان URL الهدف إلى كائن XMLHttpRequest.
عند إرسال طلب HTTP، فإنك لا تريد أن يتعطل المتصفح وينتظر استجابة من الخادم. وبدلاً من ذلك، تريد الاستمرار في الاستجابة لتفاعلات واجهة المستخدم من خلال الصفحة ومعالجة استجابات الخادم بمجرد وصولها فعليًا. لتحقيق ذلك، يمكنك تسجيل وظيفة رد اتصال باستخدام XMLHttpRequest وإرسال طلب XMLHttpRequest بشكل غير متزامن. يتم إرجاع التحكم على الفور إلى المتصفح، وعندما تصل استجابة الخادم، سيتم استدعاء وظيفة رد الاتصال.
[التطبيق العملي لـ AJAX]
1. تهيئة Ajax
يستدعي Ajax فعليًا كائن XMLHttpRequest، لذا يجب علينا أولاً استدعاء هذا الكائن، ونبني دالة لتهيئة Ajax:
/**.
* تهيئة كائن xmlhttp
*/
دالةInitAjax()
{
فار اياكس=خطأ;
يحاول {
ajax = new ActiveXObject("Msxml2.XMLHTTP");
} قبض (ه) {
يحاول {
ajax = new ActiveXObject("Microsoft.XMLHTTP");
} قبض (ه) {
اياكس = خطأ؛
}
}
إذا (! اياكس