Download file through an ajax call php

Question

I have a button and onclick it will call an ajax function    Here is my ajax function  function csv         ajaxRequest   ajax     ajax   is function that has all the XML HTTP Requests      postdata    data     document getElementById  id   value       ajaxRequest onreadystatechange   function            var ajaxDisplay   document getElementById  ajaxDiv            if ajaxRequest readyState    4  amp  amp  ajaxRequest status  200               ajaxDisplay innerHTML   ajaxRequest responseText                                  ajaxRequest open  POST   csv php  false       ajaxRequest setRequestHeader  Content-Type    application x-www-form-urlencoded        ajaxRequest send postdata       I create the csv file based on the user input  After it s created I want it to prompt download or force download preferably force   I am using the following script at the end of the php file to download the file  If I run this script in a separate file it works fine     fileName    file csv    downloadFileName    newfile csv    if  file exists  fileName         header  Content-Description  File Transfer        header  Content-Type  text csv        header  Content-Disposition  attachment  filename    downloadFileName       ob clean        flush        readfile  fileName       exit    echo  done     But If I run it at the end of csv php it outputs the contents of the file csv into the page into the ajaxDiv  instead of downloading    Is there a way to force download the file at the end of csv php

User · Accepted Answer

AJAX isn t for downloading files  Pop up a new window with the download link as its address  or do document location

User · Answer

A very simple solution using jQuery   on the client side       act download statement   click function e       e preventDefault        form       my form        form submit          and on the server side  make sure you send back the correct Content-Type header  so the browser will know its an attachment and the download will begin

User · Answer

You can t download the file directly via ajax   You can put a link on the page with the URL to your file  returned from the ajax call  or another way is to use a hidden iframe and set the URL of the source of that iframe dynamically  This way you can download the file without refreshing the page   Here is the code    ajax       url    yourURL php       type    GET       success   function data                iframeID   attr  src    downloadFileURL

User · Answer

I have accomplished this with a hidden iframe  I use perl  not php  so will just give concept  not code solution   Client sends Ajax request to server  causing the file content to be generated  This is saved as a temp file on the server  and the filename is returned to the client   Client  javascript  receives filename  and sets the iframe src to some url that will deliver the file  like      iframe dl   src   app download 1 amp filename     the filename   Server slurps the file  unlinks it  and sends the stream to the client  with these headers   Content-Type  application force-download  Content-Disposition  attachment  filename the filename    Works like a charm

User · Answer

joe   Many thanks  this was a good heads up   I had a slightly harder problem  1  sending an AJAX request with POST data  for the server to produce a ZIP file 2  getting a response back 3  download the ZIP file  So that s how I did it  using JQuery to handle the AJAX request     Initial post request   var parameters          pid        mypid       files       file1 jpg   file2 jpg   file3 jpg      var options        url   request url    replace with your request url    type   POST    replace with your request type    data  parameters   see above    context  document body   replace with your contex    success  function data       if  data            if  data path                          Create an hidden iframe  with the  src  attribute set to the created ZIP file              var dlif       lt iframe  gt     src  data path   hide                  Append the iFrame to the context             this append dlif             else if  data error                alert data error             else               alert  Something went wrong                           ajax options     The  request url  handles the zip creation  off topic  so I wont post the full code  and returns the following JSON object  Something like      Code to create the zip file              Id of the file   zipid    myzipfile zip     Download Link - it can be prettier   dlink    http       SERVER  SERVER NAME     request download amp file    zipid     JSON response to be handled on the client side   result      success  1  path      dlink     error  null     header  Content-type  application json      echo  result    The  request download  can perform some security checks  if needed  and generate the file transfer    fn     GET  file    if   fn        Perform security checks          check user session role whatever    result     SERVER  DOCUMENT ROOT     path to file    fn    if  file exists  result         header  Content-Description  File Transfer        header  Content-Type  application force-download        header  Content-Disposition  attachment  filename   basename  result        header  Content-Transfer-Encoding  binary        header  Expires  0        header  Cache-Control  must-revalidate  post-check 0  pre-check 0        header  Pragma  public        header  Content-Length      filesize  result        ob clean        flush        readfile  result        unlink  result

[php] Download file through an ajax call php

Examples related to php

Examples related to javascript

Examples related to ajax

Examples related to download