
دوره جامع و پروژهمحور طراحی وب با تمرکز روی JavaScript، Ajax و API! با طراحی ریسپانسیو و پروژههای حرفهای مثل دیجیکالا و شمرون کباب مهارتت رو حرفهای کن!
مشاهده بیشتر
این دوره شما رو از مفاهیم پایه تا مباحث پیشرفته مثل JavaScript، React و Next.js پیش میبره. با آموزش پروژهمحور، یک فروشگاه اینترنتی کامل طراحی میکنید و برای ورود به بازار کار آماده میشید!
مشاهده بیشترمشخصات مقاله
متد load در Ajax - jquery load()
متد load() در عین سادگی یکی از متدهای بسیار پرکاربرد و کارامد AJAX تلقی می شود. متد ذکر شده اطلاعات دریافتی از سرور را داخل عنصر انتخابی می گذارد. پاین متد، داده های مد نظر را از سرویس دهنده خوانده و در المان مورد نظر بر روی صفحه قرار می دهد.
ساختار نگارشی:$(selector).load(URL,data,callback);
پارامتر الزامی URL، آن مکان یکنواخت منبع (URL) که می خواهید بارگذاری کنید را مشخص می کند.
پارامتر اختیاری data می تواند شامل رشته ای از متغیرها و مقادیر( (querystring key/value pairs آن ها باشد که همراه درخواست (request) به سرور ارسال می شود/مشخص کننده ی داده هایی است که می خواهیم به همراه درخواست خویش به سرویس دهنده بفرستیم.
پارامتر اختیاری callback اسم تابعی است که پس از اجرای کامل متد load() اجرا می شود.
jQuery and AJAX is FUN!!!
This is some text in a paragraph.
نمونه ی زیر محتوای فایل "demo_test.txt" را درون یک المان خاص
می توان یک انتخابگر jQuery به پارامتر URL افزود.
مثال زیر محتوای المان دارای شناسه ی "p1" را در فایل "demo_test.txt" داخل عنصر دارای id "div1" بارگذاری می کند:
responseTxt: در صورت موفقت آمیز بودن فراخوانی تابع، دربردارنده ی خروجی تابع خواهد بود.
statusTxt:
شامل وضعیت (status) فراخوانی تابع است.
xhr:
شامل شی XMLHttpRequest می باشد.
نمونه ی زیر پس از اجرای کامل تابع ()load، یک کادر پیغام (alert box) را نمایش می دهد. چنانچه متد ()load با موفقیت اجرا شد، این پیغام نمایش داده می شود: "External content loaded successfully! " و در صورت ناموفق بودن آن یک پیام خطا نشان داده می شود: