return PDF in ajax request and open in new window

Question

I have a ajax request to apiurl where i am getting an PDF File. Now i want to display this file in a new window

$("#pdfurl").click(function (e) {
    var Pdfurl = $(this).attr('data-href');
    $.ajax({
        url: "../RequestPages/PreviewPdf",
        type: "GET",
        data: { "pdfUrl": Pdfurl },
        success: function (data) { 
        },
        error: function (jqXHR, textStatus, errorThrown) {
        }
    });
})



 public ActionResult PreviewPdf(string pdfUrl)
{
    var web = new WebClient();
    byte[] bytes = web.DownloadData(pdfUrl);
    string mimeType = "application/pdf";
    Response.AppendHeader("Content-Disposition", "inline; filename=" + "a.pdf");
    return File(bytes, mimeType);
}`

if you look at the answer here http://stackoverflow.com/questions/133925/javascript-post-request-like-a-form-submit it will show you how to mimic a form submit which will return the file result like you want with a save dialog or just open the file. — JamieD77, Jan 11 '16 at 17:10

score 5 · Answer 1 · answered Jan 11 '16 at 17:00

5

The point of an AJAX request is to give you the response as Javascript data.

If you want the browser to navigate to the response, you can't use AJAX.

Instead, just use open() to open the URL directly.

answered Jan 11 '16 at 17:00

SLaks

868,454
176
1,908
1,964

score 2 · Accepted Answer · answered Jan 12 '16 at 05:10

2

The pragmatic in me suggests

<a href="../RequestPages/PreviewPdf?pdfUrl=bla.pdf" target="_blank">PDF</a>

Never use script if it is not necessary

answered Jan 12 '16 at 05:10

mplungjan

169,008
28
173
236

return PDF in ajax request and open in new window

2 Answers2