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

خانه / وبگاه / آَموزش Ajax در Asp.net core
263 برگشت

آَموزش Ajax در Asp.net core

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

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

یکشنبه، 18 خرداد 1399 ساعت 14:53:29
آَموزش Ajax در Asp.net core

آموزش Ajax در Asp.net core

AJAX یک مکانیزم توسعه دهنده صفحات وب می باشد ، زیرا می تواند:

  • قادر به خواندن داده ها از یک سرور وب می باشد
  • از بارگذاری مجدد صفحه جلوگیری می کند
  • قادر به ارسال داده در پس زمینه به یک سرور وب می باشد

در این آموزش ساعت سیستم توسط ajax از سرور درخواست و نمایش داده می شود

گام اول

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

گام دوم

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

<a onclick="gt()">Get Time</a>
<h2 id="mytime"></h2>
@section Scripts{ 
<script>
    function gt() {
  
            $.ajax({
                url: "@Url.Action("GetTime")",
                type: "POST",
                //data: JSON.stringify(sendJason),
                headers: {
                    "Accept": "application/json",
                    "Content-Type": "application/json"
                },
                success: function (data) {
                    $("#mytime").text(data.t);
                },
               
            });
    }
</script>
}

کد فوق یک لینک ایجاد کرده که با کلیک بر روی آن Action ی را به نام GetTime فراخوانی میکند

گام سوم

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

 [HttpPost]
 public IActionResult GetTIme()
    {
        return Json(new { t = DateTime.Now.ToLongTimeString() });
            
    }

کد فوق ساعت و تاریخ جاری را در پارامتر t (بجای t هر نام دلخواهی می توانید قرار دهید) قرار داده و به View بر می گرداند.

مقدار پارامتر t را توسط success دریافت و نمایش می دهد

 

 

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

سلام . ببخشید غیر از ویژوال استادیو از نرم افزار دیگه ای هم میشه استفاده کرد؟

پاسخ
سلام . برای طراحی وب با Asp.net core میتوان با VsCode ,ویا JetBrains هم استفاده کنید . ولی امکاناتی که در ویژوال استدیو قرار دارد نظیر تولید صفحات داینامیک از روی مدل انتخابی و ... را از دست می دهید
سوالات متداول دورآموز