در بسیاری از پروژه های MVC ممکن است متوجه شده باشید که هنگام درج داده ها در پایگاه داده با استفاده از Html.BeginForm یک پست کامل رخ می دهد که منابع سرور را بی مورد مصرف می کند. بنابراین برای جلوگیری از آن، ما یاد میگیریم که چگونه دادههای نمای Html.BeginForm را با استفاده از روش پست jQuery Ajax در MVC ارسال کنیم که دادهها را به صورت ناهمزمان در پایگاه داده بدون پست کامل صفحه وارد میکند.
در مقاله قبلی من یاد گرفتیم که چگونه داده ها را با استفاده از Ajax.BeginForm بدون پس انداز کامل صفحه ارسال کنیم، اما محدودیت های زیادی دارد که در زیر لیست شده اند.
- فقط برای نمای جزئی کار می کند.
- با صفحه طرح بندی جداگانه کار نخواهد کرد.
- این به کتابخانه jQuery اضافی نیاز دارد.
بنابراین در این مقاله می آموزیم که چگونه کل داده های نمای Html.BeginForm با تایپ قوی را بدون پست بک کامل با استفاده از jQuery json با کمک درخواست Ajax به جای Ajax.BeginForm در پایگاه داده ارسال کنیم.
بنابراین، اجازه دهید آن را با استفاده از یک برنامه ساده MVC نشان دهیم.
مرحله 1: یک برنامه MVC ایجاد کنید.
اکنون اجازه دهید با یک رویکرد گام به گام از ایجاد یک برنامه کاربردی MVC ساده مانند زیر شروع کنیم:
- " شروع "، سپس "A ll Programs" و "Microsoft Visual Studio 2015 " را انتخاب کنید.
- " File "، سپس " New " و روی " Project " کلیک کنید، سپس " ASP.NET Web Application Template " را انتخاب کنید، سپس یک نام پروژه را به دلخواه خود وارد کنید و روی OK کلیک کنید. پس از کلیک کردن، پنجره زیر ظاهر می شود:
- همانطور که در تصویر قبلی نشان داده شده است، روی Empty template کلیک کنید و گزینه MVC را علامت بزنید ، سپس روی OK کلیک کنید . این یک برنامه وب MVC خالی ایجاد می کند.
مرحله 2: مرجع Dapper ORM را به پروژه اضافه کنید.
اکنون مرحله بعدی اضافه کردن مرجع Dapper ORM به پروژه MVC ایجاد شده است. در اینجا مراحل انجام می شود:
- روی Solution کلیک راست کرده، Manage NuGet Package manager را پیدا کرده و روی آن کلیک کنید.
- همانطور که در تصویر نشان داده شده است، سپس در کادر جستجو " dapper " را تایپ کنید.
- همانطور که در تصویر نشان داده شده است، Dapper را انتخاب کنید.
- نسخه کتابخانه dapper را انتخاب کنید و روی دکمه نصب کلیک کنید.
![](https://www.c-sharpcorner.com/article/post-strongly-typed-html-beginform-view-data-using-jquery-aj/Images/Dapper.jpg)
پس از نصب کتابخانه Dapper، به منابع کاوشگر راه حل ما در برنامه MVC اضافه می شود، مانند:
اگر می خواهید نحوه نصب صحیح کتابخانه Dapper را بیاموزید، آموزش ویدیویی من را با استفاده از لینک زیر مشاهده کنید.
امیدوارم همین مراحل را دنبال کرده باشید و کتابخانه dapper را نصب کرده باشید.
مرحله 3: کلاس Model ایجاد کنید.
حالا بیایید کلاس مدل به نام EmpModel.cs را با کلیک راست بر روی پوشه model مانند تصویر زیر ایجاد کنیم:
![](https://www.c-sharpcorner.com/article/post-strongly-typed-html-beginform-view-data-using-jquery-aj/Images/addmodel.jpg)
- using System.ComponentModel.DataAnnotations;
- namespace PostStronglyTypedDataInMVC.Models
- {
- public class EmpModel
- {
- [Required]
- public string Name { get; set; }
- [Required]
- public string City { get; set; }
- [Required]
- public string Address { get; set; }
- }
- }
اجباری نیست که کلاس Model در پوشه Model باشد، فقط برای خوانایی بهتر می توانید این کلاس را در هر جایی از اکسپلورر راه حل ایجاد کنید. این کار را می توان با ایجاد نام پوشه های مختلف یا بدون نام پوشه یا در یک کتابخانه کلاس جداگانه انجام داد.
مرحله 4: کنترلر ایجاد کنید.
حالا اجازه دهید کنترلر MVC 5 را مانند تصویر زیر اضافه کنیم:
پس از کلیک بر روی دکمه Add ، پنجره نمایش داده می شود. نام کنترلر را به عنوان Home با پسوند Controller مشخص کنید :
توجه: نام کنترلر باید پسوند "کنترل کننده" پس از تعیین نام کنترل کننده باشد.
مرحله 5: جدول و رویه ذخیره شده را ایجاد کنید.
حالا قبل از ایجاد نماها، اجازه دهید جدولی به نام Employee در پایگاه داده با توجه به فیلدهای مدل خود ایجاد کنیم تا جزئیات را ذخیره کنیم: