c# - Ajax.ActionLink 替代方案 - Net Core
问题描述
在MVC的早期,我用于@Ajax.ActionLink
Ajax 调用并在我的布局中替换了容器。
现在在.Net Core中有类似AjaxHelper的东西。
如何在不为仪表板中的每个菜单项编写jquery脚本的情况下形成Ajax调用。
我尝试@Url.Action
使用匿名Ajax参数,但这不起作用。
@Url.Action("Index", "User", new
{
data_ajax = "true",
data_ajax_method = "GET",
data_ajax_mode = "replace",
data_ajax_update = "#replace"
}))"
解决方案
不,老实说,你从来不需要它。它所做的只是创建一个常规链接,然后添加一些您可以轻松添加的 JavaScript。长与短,放手吧:
<a class="menu-item" asp-action="Index" asp-controller="User">Click Me</a>
然后:
<script>
$('.menu-item').on('click', function (e) {
e.preventDefault();
$.get(this.href, function (html) {
$('#replace').html(html);
});
});
</script>
通过绑定到类,任何与类的链接都只需要这一段 JS menu-item
。
推荐阅读
- javascript - 在窗口缩小 NUXT.js/Vue.js 内容后添加空格
- react-native - React Native 如何做出完整的 Comment 功能?
- python - Tensorflow 在终端上运行,但没有使用我的代码编辑器
- go - 等待 exec.Cmd 返回或接收来自频道 go 的消息
- time - 时区
- python - 计算商品是否在 24 小时内售出
- python - 如何在python中执行多个子字符串的就地替换
- amazon-web-services - 如何使用多个 lambda 函数的代码创建单个存储库?
- android - 如何在 Android 中插入两张图像并创建一张图像?
- javascript - 故事书不渲染组件