asp.net 如何刷新div而不重新加载整个页面

p8h8hvxi  于 2022-12-05  发布在  .NET
关注(0)|答案(1)|浏览(175)

我有一个ASP.NET Core MVC项目,在其中我实现了一个DateTime,我需要当我单击按钮时,它会用我插入的新日期重新加载div,但不加载整个页面,只加载该div。

j1dl9f46

j1dl9f461#

我需要当我点击按钮时,它会用我插入的新日期重新加载div,但不加载整个页面,只加载那个div。
您需要使用 AJAX 来实现您的要求。
下面是一个简单的演示,介绍如何在不重新加载页面的情况下更新div:
检视

<div>
    <input type="datetime-local" id="MyDate" />
</div>

<input type="button" onclick="ChangeDatetime()" value="Change" />
@section Scripts
{
    <script>
        function ChangeDatetime()
        {
            $.ajax({
                url: "/Home/Update?MyDate=" + $("#MyDate").val(),
                method:"Get",
                success:function(data){
                    $("#MyDate").val(data);
                }
            })
        }
    </script>
}

主计长

public class HomeController : Controller
{
    public IActionResult Index()
    {
        return View();
    }
    public string Update(DateTime MyDate)
    {
        MyDate = DateTime.Now;   //modify the datetime here
        //the browser only accepts yyyy-MM-ddThh:mm format for `datetime-local` type
        return MyDate.ToString("yyyy-MM-ddThh:mm");
    }
}

相关问题