我有一个像这样的 ActionLink :
@Html.ActionLink("Add New", MVC.Admin.Purchase.Create(), new { @class = "btn btn-success", onclick = "return checkDefaultStore();" })
上面代码的html结果是:
<a class="btn btn-sm btn-success" href="/Admin/Purchase/Create" onclick="return checkDefaultStore();">Add New</a>
我想在进入新页面之前检查一些内容,如果不存在则阻止进入新页面。
为此,我创建了这个 JQuery 函数:
function checkDefaultStore(e) {
var url = $('#ajax-info').data('checkdefaultstore');
$.ajax({
url: url,
data: {},
type: 'POST',
success: function (data) {
if (data.result)
return true;
else
return false;
},
error: function (response) {
}
});
}
定义的操作方法返回false
或true
。
[HttpPost]
public virtual JsonResult HasDefault()
{
bool result = _storeService.HasDefault();
if (result)
return Json(new { result = true },JsonRequestBehavior.AllowGet);
else
return Json(new { result = false, message = "default store does not exists" },JsonRequestBehavior.AllowGet);
}
当点击链接时,它会调用函数并转到新页面。
最佳答案
您的链接将始终重定向,因为 ajax 调用是异步的,并且当您的 Controller 返回结果时,浏览器已经重定向到另一个页面。
您的选项是(按优先顺序)
- 检查 GET 方法中
_storeService.HasDefault()
的值 生成您的 View ,如果false
,则不生成 首先链接(不需要脚本)。 - 从链接中删除
onclick
并让它重定向到您的Create()
方法。在该方法中检查的值_storeService.HasDefault()
如果为 false,则返回带有 错误消息(无需脚本) - 使用 ajax 成功回调进行重定向
location.href
。您的代码将是
<a href="#" id="create">Add New</a>
$('#create').click(function() {
var url = $('#ajax-info').data('checkdefaultstore');
$.post(url, function(data) {
if (data.result)
location.href = '@Url.Action("Create", "Purchase", new { area = "Admin" }';
else
alert(data.message);
}
});
});
关于javascript - OnClick 无法在 ActionLink -ASP.NET MVC 中阻止,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37084715/