javascript - 在MVC中使用javascript调用 Controller 方法

Question

我试图让表格行作为指向我的 mvc 网站中另一个 View 的链接。我不想使用自动生成的表格列表提供的标准“详细信息”链接，而是想使用表格行作为“详细信息” View 的链接。所以我需要以某种方式使该行作为链接工作。每个 ROM 都有一个唯一的 ID，我需要将其传递给 Controller ​​方法。我尝试了不同的解决方案，但当我按下表格行时会发生注意到......

到目前为止，这是我所拥有的:

<script type="text/javascript">
$(document).ready(function(){
    $('#customers tr').click(function () {
        var id = $(this).attr('id');
        $.ajax({
            url: "Customer/Details" + id,
            succes: function () { }
        });
    })
})
</script>

我的 Controller 方法:

public ActionResult Details(int id)
{
    Customer model = new Customer();
    model = this.dbEntities.Customers.Where(c => c.Customer_ID == id).Single();
    return View(model);
}

全局.asax:

public static void RegisterGlobalFilters(GlobalFilterCollection filters)
{
    filters.Add(new HandleErrorAttribute());
}

public static void RegisterRoutes(RouteCollection routes)
{
    routes.IgnoreRoute("{resource}.axd/{*pathInfo}");

    routes.MapRoute(
        "Default", // Route name
        "{controller}/{action}/{id}", // URL with parameters
        new { controller = "Home", action = "Index", id = UrlParameter.Optional }     
    );

    routes.MapRoute(
        "CustomerDetails",
        "Customer/Details/{id}",
        new { controller = "Customer", action = "Details", id = "" }
    );
}

protected void Application_Start()
{
    AreaRegistration.RegisterAllAreas();

    // Use LocalDB for Entity Framework by default
    Database.DefaultConnectionFactory = new SqlConnectionFactory(@"Data Source=(localdb)\v11.0; Integrated Security=True; MultipleActiveResultSets=True");

    RegisterGlobalFilters(GlobalFilters.Filters);
    RegisterRoutes(RouteTable.Routes);
}

Answer 1

这是我会做的:

<tr data-id='@SomeRazorDataId' class="MyAction">foo</tr>

然后:

$(document).ready(function(){
    $('.MyAction').live("click",function () {
        var id = $(this).attr('data-id');
        window.location = "Customer/Details/" + id;
    })
});

如果您使用的是 jQuery 1.7+，您应该使用 on() 方法而不是 live() 方法。

祝你好运!