在Mvc中点击按钮时刷新<div>内容

Question

这是我的控制器

    public ActionResult Index()
    {
        return View();
    }

    public static string GetCuttentTime()
    {
        return DateTime.Now.ToLongTimeString();
    }

}

这是我的观点

 @{
    ViewBag.Title = "Index";

}
<div id="div1">
    @Temp.Controllers.HomeController.GetCuttentTime()
</div>
<input type="button" value="Refresh" />

我想刷新按钮点击的当前时间。请帮忙

Answer 1

1）你返回Json：return Json（model，JsonRequestBehavior.AllowGet）;

2）将返回的Json对象放入div的值：$（“＃”+ area）.text（data）;

这就是为什么你最终在div中使用json的表示

您需要按如下方式进行更改：

1）假设您将该div的html放入名为NewHtml的模型字段

2）从返回的json属性中获取html：var returnsHtml = data.NewHtml;

3）使用html（）方法而不是text（）：$（“＃”+ area）.html（returnedHtml）;

Answer 2

您可以使用jQuery执行以下操作：

$("input" ).click(function() {
  $("#div1").load('@Url.Action("GetCuttentTime")');
});

您需要将控制器操作更改为：

public ActionResult GetCuttentTime()
{
      return Content(DateTime.Now.ToLongTimeString());
}

同时将你的div更改为：

<div id="div1">    
</div>

删除控制器代码。

截屏