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

   虽然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同步的函数。

评论

2 楼 shadowlin 2010-03-31  

Relucent 写道

其实这个和异步同步问题无关。
你只是成功之后调用某个方法。其实还是异步的ajax，而且写得复杂了。

Ajax本身是有有同步的调用方法的，可以直接用。

另外你的 if(!ajaxCompleteFlagCallback()){  多个个括号

你注意看下我前面说的话，如果你用jsonp来跨域调用的话是不能设置成同步模式的(jquery的ajax函数，不知道是为什么，如果有人知道希望能告知一下)。
我的标题也是写的《异步模式下的ajax的同步问题》。
另外，你说我多个括号的地方你可以仔细看看，是没有多的。
不过管怎么说，谢谢关注这个帖子：）

1 楼 Relucent 2010-03-31  

其实这个和异步同步问题无关。
你只是成功之后调用某个方法。其实还是异步的ajax，而且写得复杂了。

Ajax本身是有有同步的调用方法的，可以直接用。

另外你的 if(!ajaxCompleteFlagCallback()){  多个个括号