使用JavaScript显示页面加载进度

听起来您需要在您的服务器上公开一个新的请求URL,它唯一的任务就是回复web服务检索是否已经完成(或者如果没有,它已经完成了多远)。

让AJAX每隔几秒钟轮询一次该服务,并在其回复文件准备就绪时删除“Loading…”消息。

客户机应该发送会话ID(也可能是文件ID),以便服务器知道询问的是哪个文件。服务器端需要能够联系正在运行的web服务检索进程/线程,以询问它到了什么程度。(如果找不到线程,则推测它已完成。)

您可以在jquery中使用$.ajax函数的complete选项,请求完成时应该调用该函数

你可以

演示如何 'Loading - Please wait' Message Display Script

编辑-

这是一个 File Upload Demo

如果您正在链接到一个ASHX,该ASHX正在抓取文件并将其写回流,则可以修改链接单击事件以显示消息。

$(function () {
  $("a.someClass").click(function () {
    $("div.message").fadeIn();  // show a loading message
    return true; // make sure the link still gets followed
  });
});

编辑: 由于您没有直接链接到ASHX:

$(function () {
  var ashxCallback = function (data, textStatus) {
    // data could be: xmlDoc, jsonObj, html, text, etc...
    this; // the options for this ajax request
    // textStatus can be one of: "timeout", "error", "notmodified", "success", "parsererror" 
    alert(textStatus);
  };

  $("a.someClass").click(function () {
    $("div.message").fadeIn();  // show a loading message
    $.get("some.ashx?id=1234", "", ashxCallback);
    return false;
  });
});

使用 jQuery.get() 和 jQuery.post() .

如果准备文件的时间少于AJAX请求的默认超时时间,则可以启动AJAX请求,并向用户显示“加载…”消息。AJAX调用然后检查文件的可用性,当文件可用时,返回消息(成功与否),并提供文件的链接。AJAX请求甚至可以下载文件,但这是您的选择。