如何对页面进行 ajax 调用并等待该页面上的 ajax 调用完成

How to make an ajax call to a page and wait for the ajax calls on that page to finish

本文关键字：调用 ajax 等待      更新时间：2023-09-26

我正在做一个简单的ajax调用。但是在我调用的页面中，有一个对pdf文件的ajax调用。有没有办法让页面等到请求页面上的所有 ajax 调用都加载完毕？我还收到以下错误："无法创建文档线程加载器"

 $.ajax({
    type: "POST",
    dataType: "text",
    url: '/test/test.pdf',
    success: function (data) {
        $('body').html(data);
    },
    data: body
});

不推荐，因为 ajax 用于异步调用 

$.ajax({
    type: "POST",
    dataType: "text",
    async: false, // ADD THIS LINE
    url: '/test/test.pdf',
    success: function (data) {
        $('body').html(data);
    },
    data: body
});

最佳解决方案

使用回调结构和/或jQuery内置承诺（成功，完成，始终，完成等）。

将 PDF 数据加载到 HTML 正文中

$( "body" ).load( "test/test.pdf" );

相关文章：