رامین اسلامی

ارسال داده از Input به سرور توسط Ajax در Asp.net core

آموزش ارسال داده از Input به سرور توسط Ajax در Asp.net core. در این آموزش قصد داریم نحوه ارسال اطلاعات دریافتی از کاربر به سرور توسط ایجکس را بررسی کنیم. ما یک عدد دریافت و توسط ایجکس آن را در فرمت پول نمایش می دهیم . مثلا کاربر عدد 1234 را وارد می کنید و ما مقدار 1.234 ریال را نمایش می دهیم

ارسال داده از Input به سرور توسط Ajax در Asp.net core - مدرسه آنلاین دورآموز

آموزش ارسال داده از Input به سرور توسط Ajax در Asp.net core

در این آموزش قصد داریم نحوه ارسال اطلاعات دریافتی از کاربر به سرور توسط ایجکس را بررسی کنیم. شما میتوانید نحوه دریافت اطلاعات بدون ارسال داده را از اینجا مشاهده نمایید

  • یکی از مزایای ایجکس به روزنشدن صفحه و دریافت سریع تر اطلاعات می باشد

در کد های زیر قصد داریم یک عدد دریافت و توسط ایجکس آن را در فرمت پول نمایش دهیم 

گام اول

یک پروژه جدید در ویژوال استدیو ایجاد نمایید

گام دوم

در فایل Index.cshtml کد زیر را وارد نمایید

<div class="form-group">
    <label class="control-label">Enter Price</label>
    <input type="number" class="form-control" id="moneyNumber" onkeyup="convert(this.value)">
    <span id="moneyText" class="text-danger"></span>
</div>


@section Scripts{
    <script>
 function convert(a) {
        var sendData = {xx: Number(a)};
        $.ajax({
                url: "@Url.Action("ToMoney")",
                type: "POST",
                data: JSON.stringify(sendData),
                headers: {
                    "Accept": "application/json",
                    "Content-Type": "application/json"
                },
                success: function (data) {

                    $("#moneyText").text(data.t);
                }

            });
    }
</script>
}

در کد فوق عدد وارد شده درون moneyNumber را توسط رویداد onkeyup دریافت و به متد convert ارسال می کنیم.

مقدار وارد شده در خاصیت value را توسط یک شی sendData درون پارامتر مورد نظر xx قرار میدهیم (xx می تواند هر نامی داشته باشد) و به اکشن ToMoney در سرور ارسال می کنیم

گام سوم

در HomeController در یک فضای خالی کد زیر را وارد نمایید

public class Info
        {
            public int xx { get; set; }
         
        }
[HttpPost]
        public IActionResult ToMoney([FromBody] Info info)
        {
            
            return Json(new { t = info.xx.ToString("#,0 ریال") });

        }

کد فوق توسط کلاس Info مقدار مورد نظر را دریافت و نتیجه را بر می گرداند

 

 


رامین اسلامی-مدرسه آنلاین دورآموز

رامین اسلامی

مدیر وب سایت دورآموز ، تیم برنامه نویسی جی وب و امور مشترکین مخابرات . برنامه نویس و مدرس زبان های برنامه نویسی و گرافیک سازمان فنی و حرفه ای

به نام خدا

رامین اسلامی هستم ، مدیر وب سایت دورآموز ،مدیر پروژه تیم جی وب ، برنامه نویس و مدرس زبان های برنامه نویسی .

من  یک توسعه‌دهنده نرم‌افزار و از علاقمندان فن‌آوری‌های مایکروسافت هستم و دوست دارم روی آنها کار کنم. حوزه اصلی تمرکز من روی C#.Net، Asp.Net، Sqlserver، Entity Framework، MVC، Web API، Jquery و Maui می باشد

  •  ProductRaes@Gmail.com
  •  09155143391

 

سابقه برنامه نویسی من

  • بیش از 7 سال سابقه در مدیریت پروژه سیستم طرح جامع امور مشترکین مخابرات استان خراسان رضوی شامل بخش های :
  1. امورمشترکین
  2. ام دی اف
  3. سالن دستگاه
  4. رئیس مرکز
  5. واگذاری خطوط
  6. آبونمان
  • مدیر پروژه تیم برنامه نویسی جی وب
  • سیستم pap مخابرات
  • سیستم اداره ترابری مخابرات
  • سیستم حسابداری پویا
  • ویندوز جادویی پویا
  • سیستم  سهام شرکت تعاونی آتیه شرق
  • مدیریت فروش سوپرگوشت
  • سایت فروش آسان تست
  • ۱۰ مجموعه تست و آموزش تصویری آسان تست
  • خودآزمون  حسابداری
  • خودآزمون دیپلم کامپیوتر
  • وبسایت آموزشگاه کامپیوتر پژوهش
  • وبسایت آزمون های بین المللی ICDL پاسارگاد
  • وب سایت فرش ستاره کویر یزد
  • سیستم حسابداری گل فروشی ایمانا
  • سایت رسمی شرکت پیمانکاری peykavan مالزی
  • انحمن داروخانه های خراسان
  • سیستم کنترل تولید شرکت پارس اورتوپد
  • فروشگاه اینترنتی قاصتک
  • سامانه فروش بلیط هواپیما مسترتیکو
  • پنل مدیریت (CMS) asp.net core
  • باربری حجت بار
  • و …

سابقه تدریس من

  • بیش از ۲۰ سال تدرس زبان های برنامه نویسی و گرافیکی و بانک های اطلاعاتی
  • آموزش کارکنان شرکت گاز مشهد
  • آموزش کارکنان شرکت گاز سرخس
  • آموزش کارکنان اداره مخابرات
  • آموزش در اموزشگاه های معتبر خراسان رضوی نظیر پاسارگاد ، آراد ، پژوهش ، سنا ، کاسپین و …
  • آموزشگاه رهرو - تهران

 

علاقه مندی من

  • delphi
  • c
  • c#
  • vb
  • vb.net
  • asp.net webform
  • asp.net mvc core
  • sqlserver
  • access
  • sqlite
  • android
  • xamarin
  • html
  • css
  • java
  • javasript
  • seo
  • bootstrap
  • photoshop

فعالیت های من

  • برگزاری دوره های تخصصی برنامه نویسی در دفتر تیم برنامه نویسی جی وب در شهر مشهد
  • مشاوره در طراحی بانک های اطلاعاتی
  • مشاوره و مدیریت پروژه های برنامه نویسی
  • برنامه نویسی برنامه های کاربردی
  • برنامه نویسی وب سایت
  • برنامه نویسی موبایل

 

  • productraes@gmail.com
  • 09155143391
پرسش و پاسخ
نوشته های دیگر این نویسنده

عضوی از دورآموز شو

درخواست مشاوره رایگان می باشد . فقط کافیست شماره همراه خود را ثبت نمایید تا با شما تماس بگیریم

و یا می توانید هم اکنون با شماره 09155143391تماس حاصل نمایید

دورآموزی
شو