ASP.NET MVC3 - DropDownList 使用 jQuery 刷新模型

Question

我有一个下拉列表，更改后应该刷新视图的模型。这是控制器：

    public ActionResult Index()
    {
       //do something totally awesome
    }

    [HttpPost]
    public ActionResult Index(int user)
    {
        //do something even more awesome with the new value selected from the drop down list 
    }

视图的相关部分：

<div id="selectuser" class="user-input">@Html.DropDownListFor(x => x.SelectedUser, Model.Users)</div>

以及处理下拉列表变化的jQuery：

$(function () {
    $('#selectuser select').change(function () {
        $.post('@Url.Action("Index", "Home")', { user: $(this).val() }, function (result) {

        });
    });
});

似乎一切正常，除了 jQuery 部分。显然， UrlAction(...) 是不正确的。当用户更改选择时，这是 MVC 尝试加载的 URL：http://localhost:5555/@Url.Action%28%22Index%22,%20%22Home%22%29

我希望 MVC 在选择更改时路由到控制器中的 HttpPost Index 操作。为什么没有呢？我该如何解决？

在这方面我完全是菜鸟 - 非常感谢您的帮助。

Answer 1

这里发生的情况是 Razor 引擎没有评估 @Url.Action()。如果我不得不猜测，我会说生成 JavaScript 代码的东西不在同一个剃刀视图中。如果您还没有，我会先将代码移动到视图页面上的一个块中（如果您还没有的话）。从原始帖子中不清楚 JQuery 代码是否在视图中。

Answer 2

你试过用ajax回调函数吗？

$('#selectuser select').change(function () {
   $.ajax({
       url: '@Url.Content("~/Home/Index")',
       type: "POST",
       data: val,
       datatype: "json",
       success: function (data, status, request) {
           // success code here
       },
       error: function (request, status, error) {
           // error code here
       }
    });
}

下面是一个返回 JSON 的控制器函数（索引）示例：

[HttpPost]
public JsonResult Index(int val)
{
    try
    {
        // do what you need to here

        return Json(new
        {
             // Returning a partial view and success
             Html = this.RenderPartialView("_PartialView", model),
             Success = true
        });
    }
    catch (Exception ex)
    { 
        return Json(new
        {
             // Returning a partial view and and error
             Html = this.RenderPartialView("_PartialView", model),
             Success = false
        }, JsonRequestBehavior.AllowGet);
    }
}

我在下面添加了更多示例，以防您必须使用 ActionResult 而不能使用 JsonResult。

http://blogs.us.sogeti.com/swilliams/2009/05/11/different-action-results-with-asp-net-mvc-and-jquery/

http://iridescence.no/post/Invoking-ASPNET-MVC-Actions-from-JavaScript-using-jQuery.aspx

Return ActionResult to a Dialog. ASP.NET MVC