آموزش ajax با jquery

jquery ajax چیست ؟

در مقاله ی آشنایی با ajax با مفهوم ajax  کاربرد ها و مزایا و معایت آن آشنا شدیم. برای سادگی کار با ajax می توانیم آن را با jquery به کار ببریم.  کتابخانه jquery شامل شیش متد  برای ارسال درخواست های ajax  است که این متدها از شئ XMLHttpRequest  از JavaScript استفاده می کنند.

متدهای jquery  برای کار با ajax

ajax()

این متد درخواست asynchronous http را برای سرور ارسال می کند.

get()

متد get()  در jquery درخواست دریافت داده ها از سرور را ارسال می کند

Post()

متد post نیز برای دریافت یا ارسال داده ها از سرور می باشد

getJSON()

این متد داده های با فرمت json را از سرور دریافت می کند

getScript()

این متد درخواست دریافت یک فایل جاوااسکریپت از سرور را می دهد و پس از دریافت آن را اجرا می کند.

load()

این متد محتوای html یا یک متن را از سرور دریافت می کند و آن را به یک المنت html اضافه می کند.

کتابخانه ی jquery دارای شیش رویداد برای مختلف برای ajax می باشد. که هنگام استفاده از ajax با jquery می توانیم از آنها استفاده کنیم.در ادامه این شیش رویداد را توضیح می دهیم.

رویدادهای jquery برای کار با ajax

ajaxComplete()

این رویداد هنگامی که درخواست ajax تکمیل شود اجرا می شود. 

ajaxError()

این رویداد زمانی اجرا می شود که درخواست ajax با خطا مواجع شود.

ajaxSend()

قبل از ارسال درخواست به سرور این رویداد اجرا می شود و عملیات های کنترلی را می توانید در این رویداد چک کنید.

ajaxStart()

این رویداد نیز هنگام ارسال اولین درخواست به سرور اجرا می شود.

ajaxStop()

هنگامی که تمامی درخواست های ajax پایان یافت این رویداد اجرا می شود.

ajaxSuccess()

و این رویداد هم زمانی که درخواست ajax به موفقیت انجام شود اجرا می شود.

مزایای استفاده از jquery ajax

1. پشتیبانی توسط اکثر مرورگر های شناخته شده
2. پیاده سازی آسان و سریع
3. امکان ارسال درخواست های GET و POST
4. قابلیت بارگیری HTML , XML , JSON , Script