توابع jQuery AJAX
jQuery مجموعه‌ای از توابع غنی برای توسعه AJAX را ارائه می‌دهد.
مثال jQuery AJAX
لطفاً روی دکمه زیر کلیک کنید تا این متن با استفاده از AJAX تغییر کند
مثال بالا از آموزش AJAX، اما با استفاده از jQuery تغییراتی داده شده است.
AJAX چیست؟
AJAX = JavaScript و XML غیرهمزمان.
AJAX یک فناوری برای ایجاد صفحات وب سریع و پویا است.
AJAX به وسیله تبادل مقدار کمی از داده‌ها با سرور در پس‌زمینه، به وب‌صفحه اجازه می‌دهد که به صورت غیرهمزمان به‌روزرسانی شود. این به این معناست که ممکن است بخشی از وب‌صفحه به‌روزرسانی شود بدون اینکه کل صفحه بارگذاری شود.
شما می‌توانید در آموزش AJAX برای یادگیری بیشتر در مورد AJAX به آن بپردازید.
AJAX و jQuery
jQuery مجموعه‌ای از توابع غنی برای توسعه AJAX را ارائه می‌دهد.
با استفاده از jQuery AJAX، شما می‌توانید با HTTP Get و HTTP Post از سرور‌های دور از دسترس TXT، HTML، XML یا JSON درخواست کنید.
و شما می‌توانید داده‌های محلی را مستقیماً به عناصر HTML انتخاب شده در صفحه بارگذاری کنید!
کمتر کد، بیشتر کار
تابع load jQuery یک تابع AJAX ساده (اما قدرتمند) است. ساختار آن به شرح زیر است:
$(selector).load(url,data,callback)
لطفاً از selector ) برای تعریف عنصرهای HTML تغییر یافته، از url پارامترها) برای تعیین آدرس وب داده‌ها استفاده کنید.
تنها زمانی که می‌خواهید داده‌ای به سرور ارسال کنید، باید از data تنها زمانی که نیاز دارید یک تابع در اجرای پایان به اجرا درآید، باید از callback پارامترها
AJAX سطح پایین
$.ajax(options) استفاده از زبان Low Level AJAX است.
$.ajax امکانات بیشتری از نسبت به توابع سطح بالاتر فراهم می‌کند، اما همچنین استفاده از آن سخت‌تر است.
option تنظیمات پارامترها به صورت جفت name|value است، تعریف URL داده‌ها، رمز عبور، نوع داده، فیلتر، زبان و تابع خطا.
درخواست‌های AJAX jQuery
| درخواست | توضیح |
|---|---|
| $(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 کامل
دستورالعمل مرجع
برای اطلاعات بیشتر در مورد توابع jQuery AJAX، لطفاً به دستورالعمل کتابخانه jQuery AJAX。
