وظائف jQuery AJAX
jQuery يحتوي على مكتبة غنية من الوظائف (الأساليب) المخصصة لتطوير AJAX.
مثال jQuery AJAX
انقر على الزر أدناه لتحويل هذا النص باستخدام AJAX
مثال أعلاه من دروس AJAX، لكن تم تعديله باستخدام jQuery.
ما هو AJAX؟
AJAX = Asynchronous JavaScript and XML.
AJAX هو تقنية لإنشاء صفحات ديناميكية سريعة.
يسمح AJAX للصفحة بالتحديث بشكل متزامن من خلال تبادل بيانات صغيرة مع الخادم في الخلفية. هذا يعني أنه من الممكن تحديث جزء من الصفحة دون إعادة تحميل الصفحة بأكملها.
يمكنك في دروس AJAX تعلم المزيد عن AJAX في
AJAX و jQuery
jQuery توفر مكتبة غنية من الوظائف (الأساليب) المخصصة لتطوير AJAX.
من خلال jQuery AJAX، يمكنك استخدام HTTP Get و HTTP Post لطلب TXT、HTML、XML أو JSON من الخادم الموجود في الخارج.
ويمكنك تحميل البيانات عن بعد مباشرة إلى العنصر المحدد في صفحة الويب!
كتابة أقل، تنفيذ أكثر
وظيفة load لـ jQuery هي وظيفة AJAX بسيطة (لكن قوية) تأتي بسيطة (لكن قوية) كما يلي:
$(selector).load(url,data,callback)
يرجى استخدام selector لتحديد العنصر HTML الذي يتم تغييره، باستخدام url المعلماتلتحديد عنوان الويب للبيانات.
المعلمات. تحتاج إلى استخدامها فقط عندما تحتاج إلى إرسال بيانات إلى الخادم. data المعلمات. تحتاج إلى استخدامها فقط عندما تحتاج إلى إطلاق دالة بعد تنفيذها. callback المعلمات
AJAX من مستوى منخفض
$.ajax(options) هي جملة AJAX من مستوى منخفض.
$.ajax يقدم ميزات أكثر من الدوال المرتفعة المستوى، ولكنها أكثر صعوبة في الاستخدام.
option إعداد المعلمات هو زوج name|value، ويحدد بيانات URL، كلمة المرور، نوع البيانات، المرشح، اللغة، وقت الاستجابة، وفئة الخطأ.
طلبات jQuery AJAX
| الطلب | الوصف |
|---|---|
| $(selector).load(url,data,callback) | تحميل البيانات عن بعد إلى العنصر المحدد |
| $.ajax(options) | تحميل البيانات عن بعد إلى كائن XMLHttpRequest |
| $.get(url,data,callback,type) | استخدام HTTP GET لتحميل بيانات عن بعد |
| $.post(url,data,callback,type) | استخدام HTTP POST لتحميل بيانات عن بعد |
| $.getJSON(url,data,callback) | استخدام HTTP GET لتحميل بيانات JSON عن بعد |
| $.getScript(url,callback) | تحميل وتنفيذ ملفات JavaScript الموجودة على بعد |
(url) عنوان URL (عنوان) البيانات التي يتم تحميلها
(data) الكائن المفتاح/القيمة الذي يتم إرساله إلى الخادم
(callback) الدالة التي يتم تنفيذها عند تحميل البيانات
(type) نوع البيانات التي يتم استرجاعها (html,xml,json,jasonp,script,text)
(options) خيارات كل قيمة/مفتاح في الطلب AJAX الكامل
دليل مرجعي
للحصول على معلومات إضافية حول functions jQuery AJAX، يرجى زيارة دليل مرجع jQuery AJAX。
