Ajax چیست؟
AJAX مخفف عبارت Asynchronous JavaScript And XML است.AJAX یک تکنیک جدید برای ایجاد بهتر،سریع و تعاملی تر برنامه های کاربردی وب با کمک XML، HTML، CSS و Java Script است.
AJAX دوام پذیرترین فناوری Rich Internet Application (RIA) تاکنون است. اما در عین حال، AJAX دارای ناسازگاری مرورگر است و توسط جاوا اسکریپت پشتیبانی می شود که نگهداری و اشکال زدایی آن را سخت می کند.
چرا باید از Ajax استفاده کنیم؟
- AJAX براساس استانداردهای وب مانند HTML و CSS عمل میکند. داده ها در XML واکشی شده از سرور، ارسال، بازیابی و ذخیره می شوند.
- AJAX بدون لود کامل صفحه ،درخواست را به سمت سرور ارسال و سپس پاسخ را به کلاینت ارسال میکند.
- AJAX یک فناوری مرورگر وب مستقل از نرم افزار وب سرور است.
- با Ajax یک کاربر می تواند در حالی که client اطلاعاتی را از سرور در پس زمینه درخواست می کند به استفاده از برنامه ادامه دهد.
- با AJAX، هنگامی که دکمه ارسال را فشار می دهید، جاوا اسکریپت درخواستی را به سرور ارسال ، نتایج را تفسیر و صفحه فعلی را بروز می کند. به معنای خالص، کاربر هرگز نمی داند که چه چیزی به سرور منتقل شده است.
برای کار با Ajax نیاز به یک کتابخانه جاوااسکریپتی است که ارسال ajax را ممکن سازد،از این رو در این آموزش از کتابخانه jquery جهت ارسال Ajax استفاده شده است.همچنین جهت نمایش نتایج از Bootstrap استفاده شده است.
در این آموزش کاربرد Ajax در asp.net core را با یه مثال ساده و کاربردی از یک پروژه استعلام تخلفات پلاک خودرو نشان خواهیم داد،به این صورت که کاربر یک شماره پلاک وارد و به صورت ajax به سمت سرور ارسال می شود و پاسخ آن را بعد از پردازش سرور، در کلاینت با بوت استرپ نشان خواهیم داد.
ایجاد جدول به صورت Code First در Asp
ابتدا بوسیله Visual Studio یا VsCode یک پروژه Asp.Net Core 6 بصورت Mvc ایجاد می نماییم و سپس entity های لازم ( شماره پلاک و لیست تخلفات آن) را طبق تکه کد زیر پیاده سازی خواهیم کرد.
ایجاد کنترلر و تزریق وابستگی در Asp Core Mvc
جهت دریافت شماره پلاک و استعلام آن یک کنترلر ایجاد و اکشن استعلام را بصورت زیر پیاده سازی خواهیم کرد. در این کنترلر جهت ارتباط با دیتابیس باید تزریق وابستگی مربوطه را انجام دهیم.
در این آموزش از یک مدل PlateModel جهت دریافت پارامترهای ورودی اکشن استعلام شماره پلاک استفاده شده است.
ساخت View در Asp.Net Core Mvc و استفاده از Ajax
در گام سوم view مربوط به استعلام شماره خودرو با Ajax در asp core را به صورت زیر پیاده سازی خواهیم کرد.
توضیح پارامترهای استفاده شده در Ajax
- beforeSend: به وسیله این پارامتر می توان یک تابع را تعیین کرد تا قبل از ارسال درخواست به سرور اجرا شود .
- complete: به وسیله این پارامتر می توان یک تابع را تعیین کرد که بعد از تمام شدن درخواست (بعد از
errorوsuccess) اجرا شود. - error: این پارامتر تعیین کننده یک تابع است تا در صورتی که درخواست ناموفق بود ، اجرا شود .
جمع بندی
ما در این آموزش با استفاده از Ajax درasp.net core و با حداقل رساندن اطلاعات ارسالی و دریافتی از سرور، یک شماره پلاک را به سمت سرور ارسال و بعد از پردازش سرور، نتیجه را بدون رفرش شدن صفحه نمایش دادیم.
برای ثبت نظر باید در سایت ثبت نام یا ورود نمایید