以下代码显示1 个视图、1 个局部视图和1 个控制器。该视图包含一个用于获取当前时间的按钮和一个显示该时间的局部视图。通过 jQuery 连接的按钮单击在局部视图的容器上调用$.load() 。
第一次单击该按钮可以正常工作,但没有后续调用到达服务器;函数触发,负载触发,但服务器永远不会收到请求。
任何想法可能是什么问题?
索引.cshtml
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>ContainerView</title>
<script src="@Url.Content("~/Scripts/jquery-1.7.2.min.js")" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
$('#btnRefresh').click(function () {
$("#divTime").load('@Url.Action("GetTime")');
});
});
</script>
</head>
<body>
<div>
<input id="btnRefresh" type="button" value="Get Time"/>
<div id="divTime">
@Html.Partial("_Time")
</div>
</div>
</body>
</html>
_Time.cshtml
@ViewData["Time"]
容器控制器.cs
using System;
using System.Web.Mvc;
namespace PartialViewAjaxFormModel.Controllers
{
public class ContainerController : Controller
{
//
// GET: /Container/
public ActionResult Index()
{
return View();
}
public PartialViewResult GetTime()
{
ViewData["Time"] = DateTime.Now.ToLongTimeString();
return PartialView("_Time");
}
}
}