在新窗口中显示POST AJAX响应

我使用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函数中的success函数显示该div。

这是一个jsfiddle，如果你想试验它将帮助你：

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

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

  $("#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); }); });