从Javascript触发Ajax.ActionLink?
我成功使用@ Ajax.ActionLink来刷新我页面的一部分数据,但我想从Javascript中做同样的事情。 如何模拟在js中单击ActionLink的效果?
谢谢!
@Ajax.ActionLink("ClickMe", "List", "Organizations", New AjaxOptions With {.UpdateTargetId = "dashboardDetails"})
您需要查看使用$ .get()和。$ post() jQuery函数。 所以基本上,您可以使用这些函数之一(取决于您获取还是发布数据)从Javascript执行对控制器操作的调用。
这里有一个例子。
在幕后不显眼,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();
JQuery广泛支持ajax调用。
http://api.jquery.com/jQuery.ajax/
还请查看此博客
使用jQuery ajax在ASP.NET MVC 2中加载局部视图,然后再次检索服务器上的输入