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

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...'.

مثال تطبيقي.