آموزش Ajax ثبت اطلاعات فرم توسط Ajax.BeginForm

تهران آی تی / برنامــه نویــسـی / آموزش Ajax ثبت اطلاعات فرم توسط Ajax.BeginForm

ثبت اطلاعات فرم توسط Ajax.BeginForm

Ajax.BeginForm چیست ؟  Ajax.BeginForm یک متد اکستنشن کمکی در ASP.NET MVC Ajax میباشد. که برای ارسال داده های فرم به سرور بدون ارسال کل صفحه استفاده می شود. برای کارکرد صحیح عملکرد Ajax.BeginForm، باید مرجع کتابخانه jquery.unobtrusive-ajax را اضافه کنیم. راه های زیادی برای اضافه کردن آن به پروژه ما وجود دارد. برای یادگیری نحوه کار با Ajax.BeginForm ویدیو آن را مشاهده کنید.

مثال ۹ – ثبت اطلاعات فرم توسط Ajax.BeginForm

آموزش Ajax ثبت اطلاعات فرم توسط Ajax.BeginForm | Ajax.BeginForm به ما کمک میکند تا اطلاعات یک فرم را به صورت Ajax ثبت کنیم. ابتدا باید هلپر Ajax.BeginForm خود را به صورت زیر کانفیگ کنیم.

  • وردی اول نام اکشن
  • ورودی دوم نام کنترلر
  • ورودی سوم شیوه ارسال که باید به صورت Post باشد
  • ورودی چهارم و مهمترین ورودی AjaxOptions است که تنظیمات Ajax را در آن وارد میکنیم.

تنظیمات AjaxOptions

  • گزینه OnSuccess : درصورتی که ارسال با موفقیت انجام شود اجرا میشود.
  • گزینه OnFailure  : درصورتی که ارسال با شکست انجام شود اجرا میشود.
  • گزینه OnBegin : در آغاز عملیات ارسال فرم اجرا میشود.
  • گزینه OnComplete : در پایان عملیات ارسال فرم اجرا میشود.
  • گزینه UpdateTargetId : زمانی که عملیات ارسال انجام شد المانی که ID آن مشخص شده را Update کن. و آن المان را با مقدار بازگشت داده شده از طرف اکشن بروزرسانی میکند، به طور مثال میتوانیم توسط دستور RedirectToAction یک اکشن را اجرا و خروجی آن را در المان مورد نظر نمایش دهیم.

توجه داشته باشید به غیر از UpdateTargetId که یک ID دریافت میکند بقیه موارد Function دریافت میکنند و در دادن نام ها نباید از پرانتز و یا نامبر ساین استفاده کنید.

@using (Ajax.BeginForm("Create","Blog",FormMethod.Post,new AjaxOptions
{
OnBegin = "OnBegin",
OnComplete = "OnComplete",
OnSuccess = "OnSuccess",
OnFailure = "OnFailure",
UpdateTargetId = "ShowResualt",
}
))

برای اینکه پروژه شما کار کند حتما فایل jquery.unobtrusive-ajax را از nuget package manager دانلود و به پروژه اضافه کنید.

جستجو کنید

طراحی و پیاده سازی پروژه های طراحی سایت دانشجویی

انجام، اجرا و طراحی پروژه های طراحی سایت برای دانشجویان با HTML CSS PHP ASP.NET JAVA و ... با کمترین هزینه. برای مشاهده نمونه کارها و یا دریافت مشاوره رایگان از تیم طراحی سایت تهران آی تی با ما در تماس باشید. ما بهترین پروژه های طراحی سایت را با حداقل هزینه برای شما طراحی میکنیم - مشاوره رایگان 09121486770

مــشاوره و مشاهده نمونه کارها

مطالب مرتبط

لطفا از مطالب مرتبط با این پست دیدن فرمایید

جــذاب های هفته

از پربازدیدترین مطالب تهران آی تی در هفته ای که گذشت دیدن فرمایید

باورکردنی نیست فقط با 300 هزار تومان

طراحی سایت شما + طراحی اپلیکیشن هدیه و رایگان
این یک حراج است در مدت زمان محدود - شرکت های زیادی سایت های ارزان طراحی میکنند اما آیا کیفیت لازم را دارا هستند؟ طراحی سایت ارزان به همراه اپلیکیشن رایگان هدیه برای اولین بار توسط تهران آی تی مخصوص سازمان ها و کسب و کار های کوچک و بزرگ و حتی جدید تیم طراحی سایت تهران آی تی در کنار شماست تا شناخته شوید - مشاوره رایگان 09121486770

مــشاوره و مشاهده نمونه کارها

پشتیبانی 24 ساعته

تیم تهران آی تی در هفت روز هفته و 24 ساعت روز آماده پاسخ گویی به سوالات کاربران و ارائه مشاره رایگان میباشد