• 0

كيف يُمكن أن أستخدم تقنية Ajax في تطبيق الويب الذي بنيته؟

أعمل على تطبيق للويب وأريد أن أستعمل تقنية Ajax لمنح تجربة مُستخدم أحسن لزواري، فكيف يُمكنني ذلك؟

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة
  • 0

Ajax تقنية لإرسال واستقبال طلبات HTTP دون الحاجة إلى مُغادرة الصّفحة أو تحديثها، ولكن قبل ذلك يجب عليك أن تقوم بتضمين مكتبة Jquery في تطبيقك، ويُمكن استعمال هذه التقنية بالطّريقة التالية (ملف HTML):

 

<a href="#" onclick="return getText();"> Get Text </a>

<div id="output">waiting...</div>

ملف (Javascript):

function getText() {

$.ajax({

url:'/url/to/hello_world_file.txt',

complete: function (response) {

$('#output').html(response.responseText);

},

});

return false;

}

في ملف HTML نقوم بوضع رابط بحدث Onclick إذ بعد الضّغط على الرابط يتم استدعاء الدالة getText في ملف Javascript، داخل الدالة تقوم بتحديد رابط الملف الذي ترغب بالحصول على قيمه، ثم توضع القيمة داخل التابع response.responseText الذي نضعه داخل الوسم div عوضا عن جملة 'waiting...'.

مثال تطبيقي.

انشر على الشّبكات الاجتماعية


رابط هذه المساهمة

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن