在一个脚本中有两个$ .ajax()调用

问题描述

我想显示一些服务器端过程的进度信息(实际上是ffmpeg重新编码).我最好的方法是在myscript上使用两个不同的$ .ajax()调用，如下所示:

I want to show some progress information of a server side procedure (which in fact is an ffmpeg re-encoding).The best way I though of was to use two different $.ajax() calls on myscript like this:

1)提交表单时(将触发重新编码)，一个$ .ajax()将开始重新编码，如下所示:

1) when the form is submitted (which would trigger the re-encoding) one $.ajax() would start the re-encoding like this:

   $.ajax({
    type: "GET",
    url: "runffmpeg.php",
    data: dataString,
    success: function(data, textStatus, XMLHttpRequest) {
            //clearInterval(repeat);
            location.reload();
        }});

2)然后，第二个$ .ajax()调用将开始查看结果文件的大小，以将进度告知访问者，如下所示:

2) Then, a second $.ajax() call would start watching the resulted file's size in order to inform the visitor of the progress, like this:

    $.ajax({
        type: "GET",
        url: "checkprogress.php",
        data: dataString,
        success: function(data, textStatus, XMLHttpRequest) {
                $('#submitted').html(data);
            }
    });

实际上，应该在1秒的setInterval内进行此调用，以显示进度.

Actually this call I should be made within an setInterval of an 1 second period in order to show the progression.

当然这是行不通的(否则我为什么要发布它)并且我找不到同时进行2个Ajax调用的任何参考.

Of course this doesn't work (or else why I should I posted it) and I can't find any reference of having 2 ajax calls on the same time.

推荐答案

同时接受两个ajax调用是完全可以接受的.但是，我不使用setInterval，因为如果返回时间超过一秒，您可能最终会多次调用checkprogress.php.您最好让成功方法在超时后启动新的ajax请求，例如:

It's perfectly acceptable to have two ajax calls at the same time.I would however not use setInterval, as you might end up with multiple calls to checkprogress.php if it takes more than a second to return. You're better off having the success method launch a new ajax request, perhaps after a timeout, eg:

function checkProg(){
  $.ajax({
      type: "GET",
      url: "checkprogress.php",
      data: dataString,
      success: function(data, textStatus, XMLHttpRequest) {
              $('#submitted').html(data);
              if (/* not yet complete */) {
                setTimeout(checkProg,500);
              }
          }
  });
}

这篇关于在一个脚本中有两个$ .ajax()调用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！