使用标记数据实现Ajax调用 - *

Question

我正在尝试使用标签data- *实现Ajax调用，如下所述 jquery-ajax-unobtrusive

我知道我可以使用$ .ajax（）的javascript函数，但我的目的是试验标签data-ajax ......

我在cshtml文件中尝试了这段代码

<a class="btn btn-primary" data-ajax-url="/Home/AjaxSample" data-ajax="true" data-ajax-success="AjaxSuccess" data-ajax-failure="AjaxError" data-ajax-method="GET">Ajax</a>

// other code...

function AjaxSuccess() { alert('AjaxSuccess'); }
function AjaxError() { alert('AjaxError'); }

浏览器当然会显示按钮，但单击它时没有任何反应。 我无法在浏览器调试器中发现任何错误。没有任何事情发生。

Intellisense不显示标签data-ajax和friends。 我忘了包括什么吗？

有没有完整的工作示例？

Answer 1

评论的答案（因为没有人添加）：

<script src="~/lib/jquery-ajax-unobtrusive/jquery.unobtrusive-ajax.j‌​s"></script>
<!-- the ~ is to symbolize your project's wwwroot folder

使用所有其他脚本（默认为_Layout.cshtml）将上述内容添加到主布局中。

这样做包括将jQuery不显眼的ajax文件包含在所有页面中，以便包含完成所有工作的主脚本。

在此之前，请确保已安装包Microsoft.Jquery.Unobtrusive.Ajax