Télécharger le fichier via jquery ajax post

Essayez d'utiliser une forme cachée de soumettre la demande.

Lorsqu'un utilisateur soumet un formulaire HTML, toutes les données saisies dans le formulaire par l'utilisateur est envoyé comme une requête GET ou POST à l'URL spécifiée dans l'attribut “ACTION” du FORMULAIRE.

 <FORM action="http://www.labnol.org/sendmail.php" method="post">
 ...form contents...
 </FORM>

Dans l'exemple ci-dessus, une requête HTTP POST est publié à l'sendmail.php script sur le formulaire de soumission. Vous pouvez ajouter target=”_blank” à la balise FORM pour traiter la demande dans une nouvelle fenêtre.

Cependant, si vous souhaitez soumettre un FORMULAIRE sur la page en arrière-plan sans diriger le navigateur vers une autre page (document.emplacement.href changements sur le formulaire de soumission), vous avez deux options:

Option #1. Vous pouvez soit créer une IFRAME invisible, à l'intérieur de votre page HTML et de le définir comme une cible pour la FORME Originale. Cela permettra de soumettre le formulaire, mais sans rechargement de la fenêtre parent.

<FORM action="http://example.com/script.php" 
           method="POST" target="hidden-form">
 ...form contents... 
 </FORM>
<IFRAME style="display:none" name="hidden-form"></IFRAME> 

Option #2: Il y a une autre méthode qui vous permet de créer des charges avant de soumettre le formulaire. À la différence de l'IFRAME base de la soumission du formulaire, le code suivant fait un standard de soumettre le formulaire de demande et donc à votre navigateur de l'emplacement du changement et de la page en cours sera ajouté à l'historique du navigateur. Crédit: Rakesh Pai.

submitFORM('http://example.com/script.php', 'POST',
    {'name':'digital+inspiration', 'age':'100', 'sex','M'});

function submitFORM(path, params, method) {
    method = method || "post"; 

    var form = document.createElement("form");
    form.setAttribute("method", method);
    form.setAttribute("action", path);

    //Move the submit function to another variable
    //so that it doesn't get overwritten.
    form._submit_function_ = form.submit;

    for(var key in params) {
        if(params.hasOwnProperty(key)) {
            var hiddenField = document.createElement("input");
            hiddenField.setAttribute("type", "hidden");
            hiddenField.setAttribute("name", key);
            hiddenField.setAttribute("value", params[key]);

            form.appendChild(hiddenField);
         }
    }

    document.body.appendChild(form);
    form._submit_function_();
}

Dans ceci lien, vous pouvez trouver le moyen de créer caché formulaire et le soumettre.

profitez-en!!

OriginalL'auteur mohammad

Si vous voulez juste pour télécharger un fichier, vous n'avez pas besoin d'utiliser ajax pour le faire. En fait, vous ne pouvez pas télécharger le fichier en utilisant ajax.

Vous pouvez toujours le faire en faisant un lien hypertexte <a href="your_link">Export</a> demande à un serveur de page que les réponses content-type est application/vnd.ms-excel et content-disposition est attachment.

OriginalL'auteur Cà phê đen

Vous pouvez atteindre cet objectif à l'aide d'un iFrame. Un exemple de fonction:

//append the data to URL
var requestData = {
    param1 : "value1",
    param2 : "value2",
}

//call the function
downloadFile(<your_URL>, requestData);

function downloadFile(requestURL, data) {
    //"transData" is just a user defined variable to encapsulate "downloadIFrame". It can be named anything as required.
    var downloadIFrame = window.transData.downloadIFrame = window.transData.downloadIFrame || $("#downloadFileiFrame");
    downloadIFrame.attr("src", requestURL + $.param(requestData));
}

//define the iFrame in your HTML and hide it.
<iframe id="downloadFileiFrame" style="display:none;"></iframe>"

OriginalL'auteur Pramod Karandikar