آجاکس در jQuery

آجاکس در jQuery

AJAX، هنر تبادل داده ها با سرور و بروز رسانی بخش هایی از یک صفحه وب، بدون بارگذاری مجدد کل صفحه است.


مثال AJAX در jQuery

$(document).ready(function(){
$(“button”).click(function(){
$(“#div1”).load(“demo_test.txt”);
});
});

AJAX چیست؟

AJAX سرنام کلمات Asynchronous JavaScript And XML بحساب می آید.

به طور خلاصه، AJAX در مورد بارگذاری داده ها در پس زمینه و نمایش آن بر روی صفحه وب بدون بارگذاری مجدد کل صفحه است.

مثال هایی از استفاده AJAX در برنامه ها:

  • Gmail
  • Google Maps
  • Youtube
  • Facebook

متدهای AJAX در jQuery

jQuery متدهای مختلفی را برای استفاده از AJAX فراهم کرده است.

با استفاده از متدهای AJAX و یکی از روش های Post و یا Get می توانید از سرور راه دور درخواست متن، HTML، XML و یا JSON داشته باشید. شما می توانید داده های خارجی ارسال شده از سرور را داخل یک عنصر انتخاب شده داخل صفحه وب، بارگذاری نمایید.

بدون jQuery، برنامه نویسی AJAX کمی پیچیده می شود!
نوشتن کد AJAX به طور درست به کمی مهارت نیاز دارد، زیرا نحوه پیاده سازی AJAX در مرورگرهای مختلف متفاوت است. این به این معنی است که باید مقداری کد اضافی برای تست مرورگرهای مختلف بنویسید. اما تیم jQuery مشکلات انجام این کار را برای ما حل کرده است، به طوری که می توانید قابلیت های AJAX را با فقط یک خط کد، بکار بگیرید.


متدهای AJAX در jQuery

تکنولوژی AJAX به شما اجازه می دهد تا بدون بارگزاری مجدد صفحه بتوانید داده ها را با سرور تبادل کنید و بخشی از یک صفحه وب را بروز رسانی کنید.

در جدول زیر تمام متدهای AJAX که داخل jQuery موجود هست همراه با توضیحات نام برده شده است:

متد توضیحات
$.ajax() برای ارسال یک درخواست AJAX به سرور استفاده می شود.
$.ajaxPrefilter() گزینه های سفارشی AJAX را دسته بندی می کند یا تغییرات گزینه های موجود قبل از هر درخواست را ارسال می کند و قبل از آن توسط $.ajax() پردازش می شود.
$.ajaxSetup() مقادیر پیشفرضی را برای استفاده در درخواست AJAX تعیین می نماید.
$.ajaxTransport() یک شی می سازد که وظیفه انتقال داده های AJAX را دارد.
$.get() با استفاده از یک درخواست HTTP GET اطلاعات مورد نظر را از سرور می خواند.
$.getJSON() داده های کدگزاری JASON را با استفاده از یک درخواست HTTP GET بارگزاری می کند.
$.getScript() یک دستور جاوا اسکریپت را با استفاده از یک درخواست HTTP GET از سرور خوانده و اجرا می کند.
$.param() اعضای یک آرایه یا مجموعه خاص یک شی را به صورت پشت سرهم و جفت خوانده و به صفحه برمی گرداند.
$.post() فایلی را از سرور با استفاده از یک درخواست HTTP POST می خواند.
ajaxComplete() یک تابع را تعیین می کند تا پس از اتمام درخواست AJAX اجرا شود.
ajaxError() یک تابع را تعیین می کند تا در صورتی که درخواست AJAX با Error مواجه شد اجرا شود.
ajaxSend() یکه تابع را تعیین می کند تا در زمانی که درخواست AJAX به سرور ارسال شد اجرا شود.
ajaxStart() یک تابع را تعیین می کند تا در زمانی که درخواست AJAX برای ارسال به سرور شروع می شود اجرا شود.
ajaxStop() یک تابع را تعیین می کند تا در زمان پایان یافتن ارسال و انجام تمام درخواست های AJAX به سرور اجرا شود.
ajaxSuccess() یک تابع را تعیین می کند تا در زمانی که درخواست های AJAX به سرور به صورت کامل و موفقیت آمیز به پایان رسید اجرا شود.
load() اطلاعات مورد نظر را از سرور خوانده و در عنصر مورد نظر بر روی صفحه قرار می دهد.
serialize() مجموعه ای از عناصر داخل فرم را از نوع یک رشته قابل واگذاری کدگذاری می کند.
serializeArray() مجموعه ای از عناصر داخل فرم را از نوع یک آرایه تشکیل شده از نام ها و مقدارها کدگذاری می کند.


اگه خوشت اومد به اشتراک بزار


اگه به اشتراک نزاشتی حداقل لایک کن:(

نظر شما در رابطه با این آموزش چیست


بالا

تمامی حقوق مادی و معنوی این وبسایت محفوظ میباشد و متعلق است به Webtekar.ir.
Google