AJAX و ASP (AJAX ASP)
در این درس «AJAX و ASP» را وصل می کنیم. «AJAX» یعنی درخواستِ پس زمینه بدون رفرش کامل. «ASP» یک فناوری سمت سرور قدیمی اما کاربردی است. کاربر تایپ می کند و سرور پاسخ می دهد.
نمونه زنده: پیشنهاد نام با AJAX و ASP
رویداد onkeyup اجرا می شود. سپس تابع showHint() درخواست می فرستد و پاسخِ سرور را نمایش می دهد.
function showHint(str) {
if (str.length === 0) {
document.getElementById("txtHint").innerHTML = "";
return;
} else {
const xmlhttp = new XMLHttpRequest();
xmlhttp.onload = function() {
document.getElementById("txtHint").innerHTML = this.responseText;
};
xmlhttp.open("GET", "gethint.asp?q=" + str);
xmlhttp.send();
}
}
روند کار AJAX و ASP
- کاربر تایپ می کند؛ رویداد onkeyup فعال می شود.
- XMLHttpRequest ساخته و هندلرِ پاسخ تنظیم می شود.
- درخواست به gethint.asp?q=... ارسال می شود.
- ASP آرایه نام ها را بررسی و نتیجه را می سازد.
- پاسخ متنی برمی گردد و در DOM نمایش می یابد.
نکته: ورودی خالی را زود بررسی کن. سپس خروجی ناحیه نمایش را پاک کن.
هشدار: پاسخ های کش شده ممکن است قدیمی شوند. برای تست فوری خوب است؛ برای تولید، کنترل کش را تنظیم کن.
لینک های داخلی مفید
راه اندازی درخواست در AJAX درخواست آمده است. همچنین نمونه مشابه سمت PHP را در AJAX و PHP ببین.
جمع بندی سریع
- AJAX پس زمینه ای و سریع است.
- ASP پاسخ متن می سازد.
- ورودی خالی را مدیریت کن.
- DOM را با پاسخ به روز کن.