遇到Ajax请求的同步异步问题造成的坑

最新推荐文章于 2021-08-05 16:24:29 发布

oy.modest

最新推荐文章于 2021-08-05 16:24:29 发布

阅读量552

点赞数

分类专栏： JS

本文链接：https://blog.csdn.net/weixin_43773867/article/details/100047521

版权

JS 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

问题：在同步账户之前，判断是否已经同步过，发送请求后端判断,如果存在就弹窗提示。奈何，每次勾选之后点击,总是先出来,confirm确认框,再出现弹窗提示,而且是都出现。搞了半天后来发现是因为判断是否重复请求时异步的，而实际需要，在同步账户按钮点击之后按顺序先判断是否重复，如果无则进行confirm是否确认同步。

点击事件：触发syncAccountSel（）函数，在函数内对选中的信息先进行是否重复判断，在进行同步。

<a id="sync" class="btn btn-warning data-toolbar" onclick="syncAccountSel()" href="javascript:void(0);"><i class="demo-pli-star" style="padding-right:2px"></i>账号同步</a>

//同步账号
function syncAccountSel(){
	//获取多选已勾中的id值
	var data = [];
	$("#pageTable input[type='checkbox'][name!='btSelectAll']:checked").each(function(){
		data.push($(this).val());
	});
	if(data.length==0){
		pointLion.alertMsg("请选择要同步的数据!","danger",null,null);
		return;
	}
	//判断选中的数据是否重复
	if (isRepeat(data.join(",")) !=""){ 
		return;
	}
	//账号同步
	syncAccount(data.join(","));//执行删除
}

主要是将isRepeat请求方法设置为同步,具体属性 asyn:false
//是否重复
function isRepeat(ids) {
	var repeat = '';
	$.ajax({
		type: "post", 
		async: false,//设置同步加载,才能生效
		url: ctx + '/admin/tblrepairstaff/isRepeat', 
		data: {"ids":ids},
		dataType: "json",
		success: function(res){
		//判断如果后端判断有重复,则赋值给repeat,方便为账号同步时进行判断,然后痰弹窗提示
			if (res.message){
				repeat = res.message;
//					debugger;
				pointLion.alertMsg(res.message, "danger", null, null);
			}
		}
	});
	return repeat;
}

//同步
function syncAccount(ids) {
	pointLion.confimMsg("您是否要同步所选人员账号?<br/> 点击确认完成操作,点击取消取消该操作",null,function(){
		common_ajax.ajaxFuncMask("/admin/tblrepairstaff/syncAccount", {"ids": ids}, "json",'/admin/tblrepairstaff/getListPage');
	});
}

后端代码

public void isRepeat(){
	String ids = getPara("ids");
	String[] split = ids.split(",");
	String message = "";
	for (String s:split) {
		TblRepairStaff o = TblRepairStaff.dao.findById(s);
		String u = TblRepairStaff.dao.isRepeatUser(o.getGh());
		if (u != null) {
			message += (u + ",");
		}
	}
	if (message != null && message != ""){
		renderSuccess(message + "已有账号,请勿重复同步!");
	}
}