جستجو در دورآموز

خانه / وبگاه / ارسال داده از Input به سرور توسط Ajax در Asp.net core
267 برگشت

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

رامین اسلامی
رامین اسلامی

مدیر وب سایت دورآموز ،مدیر پروژه تیم برنامه نویسی جی وب ، برنامه نویس و مدرس زبان های برنامه نویسی و گرافیک

جمعه، 30 خرداد 1399 ساعت 13:05:42
ارسال داده از 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 مقدار مورد نظر را دریافت و نتیجه را بر می گرداند

 

 

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

کد بسیار خوبی بود

سوالات متداول دورآموز