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

时间:2015-01-28 05:02:30

标签: javascript web

我正在做一个简单的ajax调用。但是在页面中我调用了一个对pdf文件的ajax调用。有没有办法让页面等到所请求页面上的所有ajax调用都被加载?我也得到以下错误:"无法创建DocumentThreadableLoader"

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

1 个答案:

答案 0 :(得分:0)

不建议使用,因为ajax用于异步调用

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

最佳解决方案

使用回调结构和/或jQuery内置的promises(成功,完成,总是,完整等)。

将pdf数据加载到html正文

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