مدیر وب سایت دورآموز ،مدیر پروژه تیم برنامه نویسی جی وب ، برنامه نویس و مدرس زبان های برنامه نویسی و گرافیک
در این آموزش قصد داریم نحوه ارسال اطلاعات دریافتی از کاربر به سرور توسط ایجکس را بررسی کنیم. شما میتوانید نحوه دریافت اطلاعات بدون ارسال داده را از اینجا مشاهده نمایید
یک پروژه جدید در ویژوال استدیو ایجاد نمایید
در فایل 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 مقدار مورد نظر را دریافت و نتیجه را بر می گرداند
چنانچه قصد برگزاری دوره ، مشاوره و یا سفارش پروژه را دارید ، درخواست خود را ارسال نمایید
ارسال درخواست دوره
از دوره های دورآموز و شرایط آن دیدن نمایید
کد بسیار خوبی بود