js配合a标签实现根据接口返回状态跳转新页面

项目中遇到,点击了按钮后,根据接口返回状态打开新页面。window.open可以实现,不过浏览器会阻止,那就绕道而行。

业务场景:点击提交按钮后,根据请求接口的返回不同状态,弹出提示层或者打开新页面。

html示例代码:
我是按钮
js示例代码:
var  btnObj = document.getElementById('Btn');
btnObj.onclick = function(){
    var flag=true;
   $.ajax({
   		url:url,
   		async:false,
   		success:function(d){
   			if(d){
   				//逻辑代码
			}else{
					flag=false;
			}
   		}
   })
    return flag;
}
实现原理

1、通过return false;和return true;控制a标签的跳转
2、ajax请求需要设置为同步请求(示例中用的是jquery,可根据实际需求进行设置)

你可能感兴趣的:(Ajax,html)