日期:2014-05-16  浏览次数:20700 次

ajax长轮询的实现

?今天一同学请帮忙,要求实现用户上传文件后,交给服务端调用shell处理,处理分好几步,而且处理时间可能长达数分钟,并要将每一部处理反馈给用户,让用户知道当前进行到哪一步。

?

?

一种的方法是每隔很短的时间发送一个ajax请求,检测运算到哪一步,通过检测ajax返回来处理。

这样的好处是实现起来简单,但对客户端和服务端压力都比较大。

?

?

还有一种方法,就是发送一个ajax请求,一直处于等待状态,直到服务端有数据时再返回,这样可以显著降低请求数目,减少服务端压力。

?

?

js:

?

		var step = 1,

		getProgress = function(){
			$.ajax({
				type:"POST",
				url:'getdata.php',
				dataType:'text',
				data:{step:step},
				timeout:10*60*1000,  //设置10分钟超时
				success:function(data){
					data = (new Function("return "+data))();
					if(data.step == 1){		
						console.log("step 1 complete");
						step++;
						getProgress();

					} else if(data.step == 2){
						console.log("step 2 complete");
						step++;
						getProgress();
					} else if(data.step == 3){
						console.log("all complete!");
					} else if(data == "error"){ //如果出错,则重试 
						getProgress();
					}
				},
				error:function(){
					alert("运算超时");	
				}
			});
		};
?

?

php:

?

if(!empty($_POST['step'])){
	$step = $_POST['step'];
	set_time_limit(0);  //这里是关键,设置链接永不过时
	if($step == 1){           //每一步由不同的shell处理,php会等shell执行完毕再继续执行
		$sh = "./test1.sh";
	} else if($step == 2){
		$sh = "./test2.sh";
	} else if($step == 3){
		$sh = "./test3.sh";
	}

	$ret = exec($sh,$results,$rc);
	if($rc == 0){
		echo "{step:".$step."}";
	} else {
		echo "error";
	}

}
?

?

?