télécharger le fichier en utilisant une requête ajax

vous n'avez pas besoin d'ajax pour ça. Si vous définissez simplement "de téléchargement.php" comme le href du bouton, ou, si ce n'est pas un lien d'utilisation:

window.location = 'download.php';

le navigateur doit reconnaître le téléchargement binaire et ne pas charger la page réelle, mais juste servir le fichier comme un téléchargement.

pour que le navigateur télécharge un fichier, vous devez faire la demande comme ça:

 function downloadFile(urlToSend) {
     var req = new XMLHttpRequest();
     req.open("GET", urlToSend, true);
     req.responseType = "blob";
     req.onload = function (event) {
         var blob = req.response;
         var fileName = req.getResponseHeader("fileName") //if you have the fileName header available
         var link=document.createElement('a');
         link.href=window.URL.createObjectURL(blob);
         link.download=fileName;
         link.click();
     };

     req.send();
 }

c'est possible. Vous pouvez faire démarrer le téléchargement à partir d'une fonction ajax, par exemple, juste après le .fichier csv est créé.

j'ai une fonction ajax qui exporte une base de données de contacts à A.fichier csv, et juste après avoir terminé, il démarre automatiquement l' .téléchargement de fichier csv. Ainsi, après que j'obtienne le respetext et que tout est Ok, je redirige le navigateur comme ceci:

window.location="download.php?filename=export.csv";

Mon de téléchargement.fichier php on dirait:

<?php

    $file = $_GET['filename'];

    header("Cache-Control: public");
    header("Content-Description: File Transfer");
    header("Content-Disposition: attachment; filename=".$file."");
    header("Content-Transfer-Encoding: binary");
    header("Content-Type: binary/octet-stream");
    readfile($file);

?>

il n'y a aucune mise à jour de page et le fichier commence automatiquement à télécharger.

NOTE - testé dans les navigateurs suivants:

Chrome v37.0.2062.120 
Firefox v32.0.1
Opera v12.17
Internet Explorer v11

Cross browser solution, testée sur Chrome, Firefox, Edge, IE11.

dans le DOM, ajouter un lien caché:

<a id="target" style="display: none"></a>

puis:

var req = new XMLHttpRequest();
req.open("GET", downloadUrl, true);
req.responseType = "blob";

req.onload = function (event) {
  var blob = req.response;
  var fileName = null;
  var contentType = req.getResponseHeader("content-type");

  // IE/EDGE seems not returning some response header
  if (req.getResponseHeader("content-disposition")) {
    var contentDisposition = req.getResponseHeader("content-disposition");
    fileName = contentDisposition.substring(contentDisposition.indexOf("=")+1);
  } else {
    fileName = "unnamed." + contentType.substring(contentType.indexOf("/")+1);
  }

  if (window.navigator.msSaveOrOpenBlob) {
    // Internet Explorer
    window.navigator.msSaveOrOpenBlob(new Blob([blob], {type: contentType}), fileName);
  } else {
    var el = document.getElementById("target");
    el.href = window.URL.createObjectURL(blob);
    el.download = fileName;
    el.click();
  }
};
req.send();

je préfère L'emplacement.assign ()

developer.mozilla.org/en-US/docs/Web/API/Location.assign

décoder un nom de fichier à partir de l'en-tête est un peu plus complexe...

    var filename = "default.pdf";
    var disposition = req.getResponseHeader('Content-Disposition');

    if (disposition && disposition.indexOf('attachment') !== -1) 
    {
       var filenameRegex = /filename[^;=\n]*=((['"]).*?|[^;\n]*)/;
       var matches = filenameRegex.exec(disposition);

       if (matches != null && matches[1]) 
           filename = matches[1].replace(/['"]/g, '');
    }