如何在 AJAX 请求成功响应中返回文件时打开 PDF 文件

Question

我通过 AJAX 获得 2 个日期，开始日期和结束日期。我处理这两个日期的数据，生成报告，然后返回一个 HttpResponse。 PDF 报告现在保存在我的主项目目录中。现在我在 AJAX 中得到了回复。那么，现在我应该如何处理成功函数中的响应，从服务器发回并打开一个 PDF 文件。

谢谢。

jQuery

$(function() {
  $("#report_submit").click(function(){
      $.ajax({
      type : "POST",
      url: "/reports/",
      data : { 'start_date' : $("#startDate").val() , 'end_date' : $("#endDate").val() },
      success : function(result){

      },

      error : function(result){
      }
    });

  });
});

Django 查看代码

def generate_report(request):
    ctx = {}

    if request.is_ajax():
        if request.POST.has_key('start_date'):
            start_date = datetime.strptime(request.POST[ 'start_date'] , '%m/%d/%Y')
            end_date = datetime.strptime(request.POST[ 'end_date'] , '%m/%d/%Y')

            ......
            # PDF GENERATED in MAIN PROJECT DIRECTORY

            with open(os.path.join(os.path.dirname(__file__),'../../../../gui','Report.pdf')) as pdf:
                response = HttpResponse(pdf.read(), content_type='application/pdf')
                response['Content-Disposition'] = 'inline;filename=Report.pdf'

                return response  # so, now when I send a response back, how should I process it in AJAX success function?
            pdf.closed


    return render(request, 'generate_report/reports.html', ctx)

Answer 1

这个问题已经在下面的问题中讨论过...您可能需要去jquery插件下载文件，请不要忘记在响应中设置cookie。

PDF file download through XHR Request

您可能需要为文件下载添加一个 javascript 文件，并使用以下代码生成对服务器的请求。

$.fileDownload(urlll,{  
        successCallback: function (url)     
        {           
            //success code here
        },      
        failCallback: function (html, url) 
        {    
            //error code here
        } 
    });

在服务器端，在响应中添加标头等时，在响应对象中执行以下操作。即

aResponse.addCookie(cookie);

我希望你能解决这个问题，也可以帮助其他人..“悬空指针”

Answer 2

最简单的解决方案是在“成功”回调中调用window.open(pdf_url)，其中 pdf_url 是指向您生成的 pdf 报告的链接（您需要将其传递给响应）。

Answer 3

不要尝试在 Ajax 响应中发送它。相反，让您的视图为 PDF 生成一个唯一的 URL，然后让 JS 将浏览器重定向到该 URL：

查看：

return HttpResponse(json.dumps({'url': my_url})

JS：

$.ajax({
  type : "POST",
  dataType: "json",
  url: "/reports/",
  data : { 'start_date' : $("#startDate").val() , 'end_date' : $("#endDate").val() },
  success : function(result){
     var url = result['url'];
     window.location = url;
  },