今天一同学请帮忙，要求实现用户上传文件后，交给服务端调用shell处理，处理分好几步，而且处理时间可能长达数分钟，并要将每一部处理反馈给用户，让用户知道当前进行到哪一步。
 
一种的方法是每隔很短的时间发送一个ajax请求，检测运算到哪一步，通过检测ajax返回来处理。
这样的好处是实现起来简单，但对客户端和服务端压力都比较大。
 
还有一种方法，就是发送一个ajax请求，一直处于等待状态，直到服务端有数据时再返回，这样可以显著降低请求数目，减少服务端压力。
  
js：
 
Js代码    
1. var step = 1,  
2.  
3. getProgress = function(){  
4.     $.ajax({  
5.         type:"POST",  
6.         url:'getdata.php',  
7.         dataType:'text',  
8.         data:{step:step},  
9.         timeout:10*60*1000,  //设置10分钟超时  
10.         success:function(data){  
11.             data = (new Function("return "+data))();  
12.             if(data.step == 1){       
13.                 console.log("step 1 complete");  
14.                 step++;  
15.                 getProgress();  
16.  
17.             } else if(data.step == 2){  
18.                 console.log("step 2 complete");  
19.                 step++;  
20.                 getProgress();  
21.             } else if(data.step == 3){  
22.                 console.log("all complete!");  
23.             } else if(data == "error"){ //如果出错，则重试   
24.                 getProgress();  
25.             }  
26.         },  
27.         error:function(){  
28.             alert("运算超时");    
29.         }  
30.     });  
31. };  
 
php:
 
Php代码    
1. if(!emptyempty($_POST['step'])){  
2.     $step = $_POST['step'];  
3.     set_time_pmit(0);  //这里是关键，设置链接永不过时  
4.     if($step == 1){           //每一步由不同的shell处理，php会等shell执行完毕再继续执行  
5.         $sh = "./test1.sh";  
6.     } else if($step == 2){  
7.         $sh = "./test2.sh";  
8.     } else if($step == 3){  
9.         $sh = "./test3.sh";  
10.     }  
11.  
12.     $ret = exec($sh,$results,$rc);  
13.     if($rc == 0){  
14.         echo "{step:".$step."}";  
15.     } else {  
16.         echo "error";  
17.     }  
18.  
19. } 

TAG: AjaxajaxAJAX

评分：0