ما هي أجاكس؟ انظر فهم AJAX ووظائفه وطرقه

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

حيث سيكون هذا اضطرابًا مؤقتًا ،تسبب في المتصفح هناك طلب بيانات لخادم الويب. وبهذه الطريقة سيجعل هذا التطبيق أو موقع الويب أقل استجابة أو تفاعلية.

لذلك نوصي لك بذلكباستخدام AJAX ، لأن AJAX يمكن حل هذه المشكلة. حيث يمكن لـ AJAX جعل تطبيق أو موقع ويب أكثر استجابة أو تفاعلية. يمكنه حتى معالجة طلب من خادم بسرعة. في هذا الوقت ، أصبحت AJAX تقنية يجب تطبيقها على مواقع الويب الحديثة.

تعريف AJAX

ما هي أجاكس؟ AJAX أو اختصارًا لجافا سكريبت و XML غير متزامنين وهو في الواقع ليس لغة برمجة. ولكن هذه تقنية يمكن جعلها ممكنة لإنشاء تطبيق ويب تفاعلي. إذا نظرنا إلى البدء من استخدام AJAX في تطبيقات مواقع الويب حيث يمكنها التواصل مع الخوادم في الخلفية. بهذه الطريقة لن تؤثر على صفحة ويب كاملة.

تم ذكر مصطلح AJAX لأول مرة فيفي عام 2005 من قبل جيسي جيمس جاريت ، رئيس ومؤسس شركة Adaptive Path. حتى أنه يعتقد أن AJAX هو اسم يجعل من السهل على العملاء التفاعل. هذا لأنه إذا كنت تستخدم اسم JavaScript CSS DOM XMHttp Request غير المتزامن ، فسيكون التفاعل أكثر صعوبة.

كانت هذه التقنية موجودة منذ فترة طويلة وفي الوقت المناسبتقوم Microsoft بعمل كائن يسمى XMLHttpRequest وهو عنصر تحكم ActiveX على Internet Explorer 5. يعتبر AJAX هو الأكثر شيوعًا عند استخدامه بشكل مكثف بواسطة Google و Yahoo.

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

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

دالة AJAX

بشكل عام ، يمكن رؤية وظيفة AJAXالكل باستخدام كائن من XMLHttpRequest الذي تم توفيره بواسطة المستعرض. تبدأ الوظيفة التي يمكنك رؤيتها من:

• جعل XMLHttpRequest
• إرسال الأوامر إلى الخادم
• التعامل مع استجابة الخادم

إذا نظرنا من تنسيق JSON ، فإن الوظيفةلديك للوصول إلى البيانات عبر xhr. نص الرد. ستتم مناقشة هذه المناقشة بالتفصيل منا كما هو موضح أدناه:

أ. إدارة البيانات في JSON

على الرغم من أن AJAX لديها بالفعل كلمة XML ،بالتأكيد هناك ممارسة في تبادل المعلومات أو البيانات في التطبيقات الحديثة عن طريق القيام بذلك من خلال JSON. حيث JSON هو تنسيق أصلي في JavaScript ، حيث يكون تنسيق كتابة JSON هو نفسه تقريبًا تنسيق الكائنات في JavaScript.

ب. اقرأ JSON الذي هو الكائن

تقبل JSON معلمتين ، أي معلمةأولاً تحتوي على دالة سلسلة ليتم تحويلها إلى كائنات. بينما تقبل المعلمة الثانية الوظيفة مصحوبة باسم السمة وقيمة السمة لسلسلة JSON عند القراءة. يمكن تشغيل هذه الوظيفة على جميع سمات JSON الموجودة بالفعل. وبهذه الطريقة يمكننا تغيير قيمة في السمة ، إذا رغبت في ذلك.

C. تغيير الكائن إلى سلسلة

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

كيف يعمل AJAX

كما أوضحت سابقًافهم AJAX حيث AJAX ليست لغة برمجة. حيث يعد هذا أحد الأساليب لتطوير الويب. الآن كيف يعمل ، يمكنك رؤية الشرح أدناه.

• HTML / XHTML - مثل CSS وكذلك اللغة الرئيسية لعرض البيانات.
• DOM (نموذج كائن المستند) - لعرض بيانات ديناميكية مع تفاعلاتها.
• XML - لتبادل البيانات ، في حين أن XSLT هو فقط لمعالجة البيانات. سيحل بعض المطورين محل XML في JSON ، وذلك لأن النموذج يكتشف JavaScript.
• XMLHttpRequest - للتواصل بشكل غير مباشر أو غير متزامن.

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

الآن ربما مناقشة صغيرة أعلاهيمكنك أن تفهم عن AJAX. يمكنك فهم AJAX من خلال المناقشة أدناه. هذا لأننا ناقشناها بدءًا من الفهم والوظيفة وأيضًا أعمال AJAX. استمع على الفور إلى المناقشة التالية.