如果进程仍在运行，则 javascript 警报

Question

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

下面的html代码摘录

            <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>

javascript 函数正在后端调用 perl 脚本

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

perl 脚本依次执行一个 shell 脚本，我在 shell 脚本上添加了一个 .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

jQuery Deferred 或者我们叫Promise：

deferred.always()
添加在 Deferred 对象被解析或拒绝时调用的处理程序。

示例：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
    });
}

Answer 2

我不确定这是否是您的想法，但是为什么不在发送您的 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;
        }
    });
}