需要帮助动态更新视图ASP.net mvc3

时间:2012-03-28 12:44:03

标签: javascript jquery ajax asp.net-mvc

我很难让它工作,我需要做的就是在点击按钮时用一些数据更新局部视图。我似乎无法让它发挥作用:

我有这样的观点:

@model MyApp.Models.MyModel
<div class="container">
    <div class="myButton">Click Me to update data</div>
    @Html.Partial("_MyPartial")
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $(".myButton").click(function() {
            $.post("/Home/_MyPartial", { "param1" : "@DateTime.Now" }, function(result) {
                $(".myDivToUpdate").html(result);
            });
        });
    });
</script>

好的,然后在我的家庭控制器中我有一个像这样的ActionResult方法:

[HttpGet]
public ActionResult _MyPartial(DateTime param1)
{
    MyModel model = new MyModel();
    /* Update Model */
    return PartialView(model);
}

在我的部分视图中,我有一些我需要动态更新的内容:

<div class="myDivToUpdate">
    @Model.SomeInfo
</div>

基本上,这与我的东西布局相同。问题是,当我第一次按下按钮时,它永远不会碰到控制器。可能还有其他问题,因为我不是jquery / javascript buff。

我很感激帮助我实现这一目标的任何帮助。

1 个答案:

答案 0 :(得分:2)

它没有达到控制器操作,因为您已使用属性[HttpGet]标记了控制器操作,这意味着它只会匹配GET请求。您的javascript使用的是$ .post