TOC
Need to learn JavaScript? jQuery is a JavaScript framework, so if you don't already know about the JavaScript programming language, we recommend that you learn it now: Learn JavaScript

This article is currently in the process of being translated into Arabic (~99% done).

AJAX:

Introduction to AJAX

يسمح لك AJAX، وهو اختصار لـ Asynchronous JavaScript وXML، بتحميل البيانات في الخلفية وعرضها على صفحة الويب الخاصة بك، دون تحديث الصفحة. يتيح لك هذا إنشاء مواقع ويب ذات وظائف أكثر ثراءً. تستخدم تطبيقات الويب الشائعة مثل Gmail وOutlook Web Access وGoogle Maps AJAX على نطاق واسع، لتوفر لك تجربة أكثر استجابة تشبه تجربة سطح المكتب.

يمكن أن يكون استخدام AJAX مرهقًا بعض الشيء، نظرًا لأن المتصفحات المختلفة لها تطبيقات مختلفة لدعم AJAX. عادةً ما يجبرك هذا على كتابة تعليمات برمجية للاستجابة بشكل مختلف، اعتمادًا على المتصفح، ولكن لحسن الحظ، قامت jQuery بذلك من أجلنا، مما يسمح لنا بكتابة وظائف AJAX بأقل من سطر واحد من التعليمات البرمجية.

يجب أن تكون على دراية بحقيقة أن هناك مزايا وعيوب لاستخدام AJAX على صفحتك، مما يعني أنه يجب عليك دائمًا التفكير بعناية قبل اتخاذ قرار باستخدامه بدلاً من إجراء إعادة نشر منتظمة إلى الخادم. وهنا ملخص:

المزايا

  • ستكون صفحتك أكثر متعة في الاستخدام، عندما يمكنك تحديث أجزاء منها دون تحديث، مما يتسبب في وميض المتصفح وتشغيل شريط الحالة.
  • نظرًا لأنك تقوم فقط بتحميل البيانات التي تحتاجها لتحديث الصفحة، فبدلاً من تحديث الصفحة بأكملها، فإنك تقوم بحفظ النطاق الترددي.

السلبيات

  • ونظرًا لأن التحديثات تتم بواسطة JavaScript على العميل، فلن يتم تسجيل الحالة في سجل المتصفحات، مما يجعل من المستحيل استخدام زري الخلف والأمام للتنقل بين الحالات المختلفة للصفحة.
  • لنفس السبب، لا يمكن للمستخدم وضع إشارة مرجعية على حالة معينة.
  • لن تتم فهرسة البيانات التي يتم تحميلها عبر AJAX بواسطة أي من محركات البحث الرئيسية.
  • لن يتمكن الأشخاص الذين يستخدمون متصفحات لا تدعم JavaScript، أو مع تعطيل JavaScript، من استخدام الوظائف التي توفرها من خلال AJAX.

ومع ذلك، يمكن التحايل على العنصرين الأولين في القائمة، عادةً من خلال استخدام iframe وقراءة البيانات وكتابتها من جزء عنوان URL بعد الحرف #.

في الفصول التالية، سوف تتعلم كيفية استخدام وظائف jQuery المتنوعة ذات الصلة بـ AJAX.


This article has been fully translated into the following languages: Is your preferred language not on the list? Click here to help us translate this article into your language!