توضیحات و دانلود

دریافت و نمایش تاریخ و زمان کنونی از Controller با استفاده از jQuery AJAX در ASP.Net MVC
0 0
دریافت و نمایش تاریخ و زمان کنونی از Controller با استفاده از jQuery AJAX در ASP.Net MVC

 با سلام در این مقاله با مثال توضیح خواهیم داد که چگونه داده ها و زمان کنونی از Controller را با استفاده از jQuery AJAX در ASP.Net MVC Razor نمایش دهیم.
تاریخ و زمان کنونی در روش Action Controller مشخص می شود که بعد با استفاده از jQuery AJAX در ASP.Net MVC Razor به View برای نمایش ارسال می شود.
Controller
Controller متشکل از دو روش است.
روش  دست زدن به عملیات GET
در داخل این روش View بازگردانده می شود.
روش دست زدن به عملیات AJAX POST
این روش ارتباط ساخته شده از View عملکرد AJAX جی کوئری را انجام می دهد.
توجه :

روش زیر اقدام به فراخوانی AJAX می کند و از آنجایی که یک مقدار رشته بازگردانده می شود، نوع بازگشت به ContentResult تنظیم می شود .
مقدار پارامتر نام در کنار تاریخ و زمان فعلی در نمایش به عنوان یک مقدار رشته بازگشته است.

public class HomeController : Controller
{
    // GET: Home
    public ActionResult Index()
    {
        return View();
    }
 
 
    [HttpPost]
    public ContentResult AjaxMethod(string name)
    {
        string currentDateTime = string.Format("Hello {0}.\nCurrent DateTime: {1}", name, DateTime.Now.ToString());
        return Content(currentDateTime);
    }
}

View
View شامل یک عنصر HTML TextBox و یک دکمه است. Button رویداد کلیک jQuery را تعیین کرده است و هنگامی که دکمه روی یک آژاکس جی کوئری کلیک می شود ، به روش Controller ساخته می شود.
URL برای ارتباط AJAX جی کوئری به روش  Controller یعنی / Home / AjaxMethod تنظیم شده است. مقدار TextBox به عنوان پارامتر انتقال داده می شود و پاسخ بازگشت با استفاده از جعبه پیام هشدار جاوا اسکریپت نمایش داده می شود.

@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width"/>
    <title>Index</title>
</head>
<body>
    <input type="text" id="txtName"/>
    <input type="button" id="btnGet" value="Get Current Time"/>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnGet").click(function () {
                $.ajax({
                    type: "POST",
                    url: "/Home/AjaxMethod",
                    data: '{name: "' + $("#txtName").val() + '" }',
                    contentType: "application/json; charset=utf-8",
                    dataType: "json",
                    success: function (response) {
                        alert(response);
                    },
                    failure: function (response) {
                        alert(response.responseText);
                    },
                    error: function (response) {
                        alert(response.responseText);
                    }
                });
            });
        });
    </script>
</body>
</html>

 


دانلود
  • لینک های دانلود دوره های آموزشی تا پایان دوره قابل دانلود می باشد.
  • برای خارج کردن فایل ها از حالت فشرده از ورژن جدید نرم افزار winrar استفاده کنید.
  • برای خارج کردن فایل ها از حالت فشرده لینک های دانلودی که چندین قسمت می باشند فقط قسمت اول را از حالت فشرده خارج کنید.
  • لطفا توضیحات نوشته شده برای مطالب را با دقت بخوانید.
  • برای نمایش فیلم ها می توانید از نرم افزار هایی مانند Km Player , VLC Player یا Media Player Classic استفاده کنید.

ارسال نظر
ارسال پیام به :