在新窗口中显示 POST AJAX 响应

Question

我使用 jQuery 通过 ajax 发送 POST 数据，它返回 PDF 文件的二进制数据。

我想用这些数据做点什么。通过提供下载链接，或打开新的选项卡/窗口。

我知道将用户发送到网站并使用 GET 变量会更容易，但是有很多数据需要发送并且需要发布。

有什么方法可以获取我检索到的数据并让用户以某种方式下载/查看它？

$("#export_pdf").click(function()
{
    var data_serialize = "v1=blah&var2=again&var3=more_info",
    url = "/actions/export-pdf";
    $.ajax({ 
        type: "POST",
        url: url,
        data: data_serialize,
        success: function(data)
        {   
            // data = PDF binary
            // I want to do something with this
        },error: function(data) { alert("error"); }
    });
});

Answer 1

我假设您能够检索数据并将其存储在数据变量中。

您可以在成功功能中尝试以下操作：

       //open a new window note:this is a popup so it may be blocked by your browser
       var newWindow = window.open("", "new window", "width=200, height=100");

       //write the data to the document of the newWindow
       newWindow.document.write(data);

另一个选择是动态创建一个 div，使用 $.ajax 函数中的成功函数显示。

这是一个 jsfiddle，如果你想尝试它，它会帮助你：

http://jsfiddle.net/larryjoelane/d8r3su0m/

我用 jquery $get 函数测试了另一种方法，它对我有用。您只需要启用弹出窗口。这是我测试的代码。当我有机会时，我会尝试使用 ajax 函数。

    $("#load_pdf").on("click",function(){


//swap url with a pdf file you have access to for testing
var url = "http://localhost/Responder Manual.pdf";


$.get(url,function(data){


       //open a new window note:this is a popup so it may be blocked by your browser
       var newWindow = window.open("", "new window", "width=200, height=100");

       //write the data to the document of the newWindow
       newWindow.document.write(data);


});

});