javascript alert如果进程仍在运行

Question

我想知道是否有可能创建一个JavaScript警报，提示用户以前的表单已提交，并且仍在处理中，或者后端脚本仍在运行。运行时进程通常需要2-5分钟。下面

  <form id="form" method="POST"> 
      <p id="survey"> 
       <label for="list"><b>Run survey to check number of NGPOS deployed</b></label> 
      </p> 
      <p> 
       <label for="division">Please select division:</label> 
       <select type="list" id="list" name="division"> 
        <option>--Select One--</option> 
        <option value="DENVER">Denver</option> 
        <option value="PHOENIX_SOUTHWEST">Phoenix-Southwest</option> 
        <option value="PORTLAND">Portland</option> 
        <option value="SOUTHERN_HOUSTON">Southern-Houston</option> 
        <option value="NORCAL">Norcal</option> 
        <option value="SEATTLE">Seattle</option> 
        <option value="VONS_SoCal">Vons-Socal</option> 
        <option value="EASTERN">Eastern</option> 
       </select> 
      </p> 
      <p id="survey"> 
       <input type="submit" value="Run Survey" onclick="surveyFunction();"/> 
      </p> 
      </form> 

摘录html代码的JavaScript函数在后端

function surveyFunction(){ 
var div = document.getElementById("list").value; 
$.ajax({ 
    type: "POST", 
    url: "possurv.pl", 
    data: 'division=' + encodeURIComponent(div), 
}); 
} 

反过来perl脚本执行一个shell脚本中调用一个Perl脚本，我加上了外壳脚本.sem文件禁止执行多个实例。但前端用户无法知道这一点。

摘录perl脚本的

$div = $FORM{division}; 

$expect = `./expect.sh $div`; 

shell脚本摘录

sem="${log_path}/pos_survey.sem" 

echo $0 "started." 
if [ -e $sem ] 
then 
    echo $0 "still running, exiting." 
    exit 1 
else 
    touch $sem 
fi 

Answer 1

我不知道如果这是你脑子里想的是什么，但为什么你的Ajax查询之前不设置变量被发送，表示您正在处理并在处理完成后更改该变量并返回到您的ajax查询的成功函数。

var processing = false; 

function surveyFunction(){ 

    if(processing) { 
     return alert('A survey is still being processed'); 
    } 

    var div = document.getElementById("list").value; 

    $.ajax({ 
     type: "POST", 
     url: "possurv.pl", 
     data: 'division=' + encodeURIComponent(div), 
     beforeSend: function() { 
      processing = true; 
     }, 
     success: function() {     
      processing = false; 
     } 
    }); 
} 

Answer 2

jQuery Deferred或者我们叫Promise：

deferred.always（）
添加处理程序当递延对象是解决或拒绝被调用。

例子：JSFIDDLE

文件：Deferred Object和Promise

var lock = false; 
function surveyFunction() { 
    if (lock) { 
     console.debug('please wait'); 
     return false; 
    } 
    lock = true; 
    var div = document.getElementById("list").value; 
    return $.ajax({ 
     type: "POST", 
     url: "possurv.pl", 
     data: 'division=' + encodeURIComponent(div) 
    }).always(function() { 
     console.debug('complete'); 
     lock = false 
    }); 
}