Ajax.ActionLink 从 Javascript 触发？

Question

我成功地使用@Ajax.ActionLink 来刷新我页面的一部分上的数据，但我想从 Javascript 做同样的事情。 如何在js中模拟点击那个ActionLink的效果？

谢谢！

@Ajax.ActionLink("ClickMe", "List", "Organizations", New AjaxOptions With {.UpdateTargetId = "dashboardDetails"})

Answer 1

您需要查看使用$.get()和.$post() jQuery 函数。 所以基本上，您可以使用这些函数中的任何一个（取决于您是获取还是发布数据）从 Javascript 执行对 controller 操作的调用。

一个例子可以在这里找到。

Answer 2

在幕后不引人注目，JQuery 只需在 ajax 链接上匹配a[data-ajax=true]并运行此代码：

$(document).on("click", "a[data-ajax=true]", function (evt) {
    evt.preventDefault();
    asyncRequest(this, {
        url: this.href,
        type: "GET",
        data: []
    });
});

asyncRequest只需运行 $.ajax 调用，并为其组装所有选项。

您只需向您的链接发送点击即可获得相同的效果。 假设您为链接提供了一个带有可选 HtmlAttributes 的 id，如下所示：

@Ajax.ActionLink("ClickMe", "List", "Organizations", New AjaxOptions With {.UpdateTargetId = "dashboardDetails"}, new { id = "myajaxLink" })

你可以简单地触发它：

$('#myajaxLink').click();

Answer 3

JQuery 广泛支持 ajax 调用。

http://api.jquery.com/jQuery.ajax/

也看看这个博客

使用 jQuery ajax 在 ASP.NET MVC 2 中加载部分视图，然后再次在服务器上检索输入