استفاده از AJAX در MVC بدون نوشتن کد جاوا اسکریپت



visibility  
mode_comment   ۱

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

ویژگی بسیار مهم برنامه های AJAX

به صورت کلی کار با AJAX در MVC کاری بسیار جالب در برنامه نویسی می باشد و شما می توانید از امکانات فوق العاده ای که این ابزار برای شما فراهم می کند در راستای برنامه نویسی با کیفیت تر و راحت تر استفاده کنید. به کمک کار با AJAX می توانید کار بین کلاینت و سرور را بر روی منبع مشترکتان یا همان سرور توضیع کنید تا از حجم کار کاسته شود، نتیجه این کار این است که برنامه شما مقیاس پذیر تر می شود و راحت تر می توانید با آن ارتباط برقرار کنید. ویژگی بسیار مهم کار با AJAX این است که به جای این که تمامی صفحه را به صورت کامل به سمت سرور ارسال کند صفحه را به قسمت های کوچک تر تقسیم کرده و هر قسمت را به صورت جداگانه به سمت سرور ارسال می کند که این ویژگی باعث می شود تا به میزان بسیار زیادی از بار سرور شما کاهش پیدا کند و در نتیجه اپلیکیشن شما عملکرد بهتری را داشته باشد.

کار با AJAX

شروع کار با AJAX در Mvc

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

کار با AJAX

متخصص وردپرس
قالب ها و پلاگین های حرفه ای وردپرس رو خودت بنویس! بازار طراحی قالب و پلاگین نویسی وردپرس به شدت داغه و اگر بلد باشید با برنامه نویسی اختصاصی، قالب ها و پلاگین های دلخواه بنویسید تو مارکت های مطرح دنیا و یا از طریق فریلنسری می تونید به درآمد بالا برید. دوره متخصص وردپرس سون لرن رو حتما ببینید: متخصص وردپرس arrow_back

تنظیمات AJAX

برای این که بتوانید از این ابزار فوق العاده استفاده کنید باید چند مورد را رعایت کنید، وارد فایل Web.config  شوید و قسمت appSettings را مشاهده کنید. در تگ هایی که باز و بسته شده بند باید دو ورودی وجود داشته باشد، ورودی اول add key ='Client Validation Enabled' value ="true" می باشد و ورودی دوم نیز add key  = " Unobtrusive JavaScript Enalvled" value ="true" می باشد که باید این دو مقدار را در درون تگ مربوطه قرار دهید تا تنظیمات مربوط به سرور و کلاینت شما فیکس شود. یکی دیگر از اقداماتی که برای تنظیمات کار با AJAX مورد نیاز است این است که کتابخانه Microsoft.jQuery.Unobtrusive.Ajax را به برنامه خود اضافه کنید تا بتوانید از ویژگی ها و امکاناتی که این کتابخانه برای شما فراهم می کند نیز نهایت استفاده را ببرید. آخرین تنظیمی که برای کار با AJAX بدون نیاز به کد زدن در جاوا اسکریپت باید انجام دهید این است که کتابخانه های مورد نیاز جی کوئری را به برنامه خود اضافه کنید و به این ترتیب شما آماده استفاده از AJAX بدون نوشتن کد جاوا اسکریپت خواهید شد.

ترکیب کردن اعتبار سنجی سمت سرور

یکی از بهترین امکاناتی که در هنگام کار با AJAX در اختیار شما می باشد این است که می توانید بدون هیچ گونه نیازی به کد زدن بازخورد مناسبی را به کاربر بدهید، به عنوان مثال فرض کنید کاربر یک فیلد را اشتباه پر کرده است و شما می توانید خیلی سریع این مورد را به کاربر اطلاع دهید و از او بخواهید مقادیر فیلد را تغییر دهد. برای این کار کافی است Remote attribute را با ویژگی های مدل خود ست کنید تا بتوانید از این ویژگی فوق العاده AJAX استفاده کنید. تنها نکته ای که باید به آن توجه داشته باشید این است که وقتی ویژگی Remote را به کلاس خود اضافه می کنید بید نام اکشن متد خود و همین طور نام کنترلی که اکشن مدل درون آن است را برای فراخوانی به متد ارسال کنید.

کار با AJAX

نوشتن متد سمت سرور

برای کار با AJAX و اعتبار سنجی سمت سرور بعد از مراحلی که در قسمت قبلی گفته شد نیاز دارید که کدهای سمت سرور را نیز آماده کنید. این متد قرار است که داده های فیلد شما را دریافت کند و بعد از آن یک شی جیسون که حاوی True می باشد را باز گرداند. برای ساخت این متد نامی برای آن تعیین می کنیم و آن را درون کنترلی قرار می دهیم که با تنظیمات Remote attribute تنظیم شده است، این متد همچنین پارامتری رو نیز به عنوان پارامتر ورودی دریافت می کند که ویژگی name در‌مدل اصلی شما می باشد و به این ترتیب شما برای کار با AJAX آماده خواهید شد.

کار با AJAX

اضافه کردن فیلد نمایش محتوا

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

درج اچ تی ام ال از سمت سرور

یکی از برترین ویژگی های کار با AJAX استفاده از ابزار AjaxHelper می باشد، با استفاده از این ابزار شما به راحتی می توانید اقدام به کار با AJAX بدون نیاز به کدزنی کنید. گاهی اوقات نیاز دارید که به محض این که کاربر بر روی لینکی کلیک کرد کاربر را وارد صفحه مورد نظر کنید، این ویژگی توسط ابزار HTMLHelper صورت می گیرد که شما می توانید با استفاده از آن به راحتی صفحات وب را برای کاربران باز کنید. برای انجام دادن این عملیات تنها کافی است یک اکشن متد برای بازیابی اطلاعات و همین طور یک پارشیال ویو برای تولید کدهای اچ تی ام ال را بر روی سرور بنویسید و به این ترتیب با دومین ابزار کار با AJAX بدون نوشتن کد جاوا اسکریپت نیز آشنا شدیم.

comment دیدگاه کاربران
علی شادمان

عالی بود

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.