Skip to content

Download and open PDF file using Ajax

I have an action class that generates a PDF. The contentType is set appropriately.

public class MyAction extends ActionSupport 
   public String execute() {
    File report = signedPdfExporter.generateReport(xyzData, props);

    inputStream = new FileInputStream(report);
    contentDisposition = "attachment="" + report.getName() + """;
    contentType = "application/pdf";
    return SUCCESS;

I call this action through an Ajax call. I don’t know the way to deliver this stream to browser. I tried a few things but nothing worked.

    type: "POST",
    url: url,
    data: wireIdList,
    cache: false,
    success: function(response)
        alert('got response');;
    error: function (XMLHttpRequest, textStatus, errorThrown) 
        alert('Error occurred while opening fax template' 
              + getAjaxErrorString(textStatus, errorThrown));

The above gives the error:

Your browser sent a request that this server could not understand.



You don’t necessarily need Ajax for this. Just an <a> link is enough if you set the content-disposition to attachment in the server side code. This way the parent page will just stay open, if that was your major concern (why would you unnecessarily have chosen Ajax for this otherwise?). Besides, there is no way to handle this nicely acynchronously. PDF is not character data. It’s binary data. You can’t do stuff like $(element).load(). You want to use completely new request for this. For that <a href="pdfservlet/filename.pdf">pdf</a> is perfectly suitable.

To assist you more with the server side code, you’ll need to tell more about the language used and post an excerpt of the code attempts.

User contributions licensed under: CC BY-SA
1 People found this is helpful