在Mvc中通过操作方法单击按钮上的内容

时间:2015-05-28 07:02:44

标签: asp.net-mvc-4

这是我的控制器。

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return Content(DateTime.Now.ToLongTimeString());
    }
}

这是我的观点。

<script src="../../Scripts/jquery-1.7.1.js" type="text/javascript"></script>
<script type="text/javascript">
    $("input").click(function () {
        $("#div1").load('@Url.Action("Index")');
    });
</script>
<div id="div1"></div>
<input type="button" id="button1" value="Refresh"/>

我需要在运行项目后刷新当前时间。但是在运行项目后,按钮没有显示出来。如果我按F5按钮刷新页面,则时间会刷新。但我想按下按钮点击它。请帮忙。

1 个答案:

答案 0 :(得分:1)

您需要将脚本更改为

$( document ).ready(function() {
    $("#button1").click(function () {
        $("#div1").load('@Url.Action("Index")');
    });
});

因此它正在处理由.click()标识的按钮的id="button1"事件,并且您需要将脚本包装在文档中,因为您在脚本之后呈现了元素(它们不存在于脚本中)脚本在视图中解析的时间)。或者,将脚本移至关闭</body>标记之前(元素之后)