a标签根据js返回值判断页面是否跳转

a标签再跳转之前先判断是否符合条件，符合可以跳转，不符合不可以跳转。

自己遇到的问题是：在js方法中根据条件就return结果，但是不行。

原因是：在js方法中return后不会结束整个js方法（action里面会结束整个方法）,所以下面的例子始终会返回false

例如（错误的）：

function updateTrainClass(classId){
var url = '${createLink(controller:'trainClass', action: 'judgeBeforeUpdateClass')}';
$.ajax({
global:false,
type: "POST",
url: url,
data: {
id:classId
},
async: false,//同步等待结果的返回
success:function(data){
if(data.code==0){
return true
}else{
alert("班级已关闭，不可修改")
return false
}
}
})
return false
}

a 链接：（根据js中的返回结果：返回false不跳转，返回true则跳转）

<a  href="${createLink(controller:'trainClass' , action: 'edit',params:[id:params.classList[0]?.id])}" onclick="return updateTrainClass('000');">
<i class="glyphicon glyphicon-pencil"></i>
</a>

正确的（根据条件判断来改变flag的值，最终返回flag）

function updateTrainClass(classId){
var flag = false;
var url = '${createLink(controller:'trainClass', action: 'judgeBeforeUpdateClass')}';
$.ajax({
global:false,
type: "POST",
url: url,
data: {
id:classId
},
async: false,//同步等待结果的返回
success:function(data){
if(data.code==0){
flag = true
}else{
alert("班级已关闭，不可修改")
}
}
})
return flag
}

这是自己学习过程中的记录，方便自己回顾，好记性不如烂笔头

作者：艺至