异步模式下的Ajax的同步问题

最新推荐文章于 2025-04-10 16:50:57 发布

jumtre

最新推荐文章于 2025-04-10 16:50:57 发布

阅读量592

点赞数

分类专栏： Javascript 文章标签： ajax 异步同步

Javascript 专栏收录该内容

54 篇文章

订阅专栏

本文介绍了一个用于将异步Ajax请求转换为同步行为的函数，该函数通过轮询检查Ajax请求的状态来实现，适用于需要确保Ajax请求完全完成后才能执行后续操作的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虽然Ajax可以设置为同步或者异步模式，但是在某些情况下（比如用jsonp实现ajax跨域调用）只能让Ajax工作在异步模式下。但是很多时候异步模式会带来一些编程上的麻烦，所以我写了个用于同步异步ajax的函数，在这里和大家分享下希望对有相同需求的朋友有所帮助，也请大家提下建议和意见。

/**
 * Ajax同步函数
 * @param ajaxCompleteFlagCallback 用于判断Ajax调用是否完成的回调函数
 * @param synchronizedCallback 和ajax同步的函数
 * @return
 */
function ajaxSynchronizer(ajaxCompleteFlagCallback,synchronizedCallback){
	var intervalId=null;
	function waitAjaxCompleteFlag(){
		if(ajaxCompleteFlagCallback()){
			synchronizedCallback();
			clearInterval(intervalId);
			intervalId=null;
		}
	}
	if(!ajaxCompleteFlagCallback()){
		intervalId=setInterval(waitAjaxCompleteFlag,150);
	}else{
		synchronizedCallback();
	}
}

函数的参数是两个回调函数，一个是用来判断ajax是否完成(可以通过在ajax的回调函数中设置一个完成标志来实现)，一个是需要和ajax同步的函数。

转载自：http://shadowlin.iteye.com/blog/626055