Http 文件下载请求停止 JQuery ajax 调用

Http request for file download stops JQuery ajax calls

本文关键字:JQuery ajax 调用 文件下载 请求 Http      更新时间:2023-09-26

问题:

在我正在构建的站点上,我有两个 JQuery ajax 长轮询调用不断挂起。我现在正在尝试加入文件下载功能,以便在按下链接时提示用户使用SaveAs框。该文件的下载工作正常,问题是当按下链接时,两个ajax调用被取消。

我正在尝试不取消ajax调用或立即设置ajax调用的可能性。

以下是链接的代码:

.HTML:

<a href="/test" id="testfile">Tasks</a>

.JS:

$(document).on('click',"#testfile",function(event){
    event.preventDefault();
    var href=$(this).attr('href');
    window.location.href = href;
    updater();                               /* AJAX CALL #1 */
    notifier();                              /* AJAX CALL #2 */
});

我尝试过的:

我在上面的代码中尝试在开始下载后调用两个 ajax 调用。这是行不通的。如果我放置了一些延迟,以便在下载完成后启动呼叫,那么它可以工作,但是由于文件可能很大,因此需要未知的时间才能收到这当然是一个糟糕的解决方案。

我真的很困惑为什么 ajax 调用被取消?这是因为当我按下链接时页面正在卸载吗?

看到我只在具有一个线程的开发服务器上运行,我在点击链接后立即尝试设置的新 ajax 调用可能会失败,因为服务器繁忙,可能是这种情况吗?


解决:

我在网站的屁股上添加了一个隐藏的 iframe,并通过我的链接将其作为目标。我还删除了JS代码,因为ajax调用现在没有被取消。

代码现在如下所示:

.HTML:

<a href="/test" target="filetargetframe"  id="testfile">Tasks</a>
********
<iframe name="filetargetframe" style="display:none"></iframe>

使用yoavmatchulsky的答案,问题得到了解决:

我在网站的屁股上添加了一个隐藏的 iframe,并通过我的链接将其作为目标。我还删除了JS代码,因为ajax调用现在没有被取消。

代码现在如下所示:

.HTML:

<a href="/test" target="filetargetframe"  id="testfile">Tasks</a>
********
<iframe name="filetargetframe" style="display:none"></iframe>