download-Datei mit ajax() POST-Anforderung durch Spring MVC

Ich versuche, eine Datei zu downloaden. Die Aktion wird ausgelöst, indem Sie ajax () - Post-Request. Die Anfrage sendet Daten im json-format an den controller. Die controller generieren der Datei (in bytes) und senden Sie es zurück.

java-script:

function getLicenseFile() {
    $.ajax({
        type: 'POST',
        url: '<%=request.getContextPath()%>/licenses/rest/downloadLicenseFile',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        data: ko.mapping.toJSON(licenseModel),
        success: function (data) {
            console.log("in sucess")
        },
        error:function (xhr, ajaxOptions, thrownError){
            console.log("in error")
        } 
    });
}

Controller:

@RequestMapping(value = "/licenses/rest/downloadLicenseFile", method = RequestMethod.POST)
    @ResponseStatus(value=HttpStatus.OK)
    @ResponseBody
    public void createLicenseFile(@Valid @RequestBody License license, HttpServletResponse response) throws Exception {

        logger.debug("Contoller License in: "+ license);

        byte[] licensedata = licenseEncodeDefaultService.createLicenseFile(license);
        logger.debug("licenseData: " + new String(licensedata));

        response.setHeader("Content-Disposition", "attachment; filename=\"" + license.getCustomer() + ".license\"");
        response.getOutputStream().write(licensedata);
        response.flushBuffer();
    }

Problem:

* Soll der Browser öffnet ein download-box, aber es nicht geschah

* Die Antwort verarbeitet wird, in der Fehler: der Abschnitt der ajax-Funktion (aber der http-Status OK)

Also, was mache ich falsch oder was ist der richtige Weg, dies zu tun?

Du bist Einstellung dataType: 'json' aber Sie irgendeine Art von Lizenz-Datei? Auch ich glaube nicht, können Sie ajax verwenden, um eine Datei herunterzuladen.
versuchen, das herunterladen einer Datei gespeichert werden, um lokale Verzeichnis mit ajax kann nicht getan werden, und ist viel mehr code als nur die Umleitung auf die Datei-url selbst
stackoverflow.com/questions/3613526/... könnte auch helfen
eine funktionierende Lösung Gefunden: Was ist die richtige Art und Weise zu kommunizieren. Soll ich Antwort auf meine eigene Frage ???
Natürlich hast du Recht. Ich vermisse, dass der Datentyp für den Rückgabewert.
Es ist ok, um Ihre eigene Frage zu beantworten.
Könnten Sie bitte teilen Sie die Funktionierende Lösung, die Sie gefunden? Ich habe genau das gleiche Problem...
Sorry für die Verspätung. Finden Sie jetzt mir die Lösung in den Antworten.

InformationsquelleAutor derlinuxer | 2012-11-22

15

Senden Sie einfach eine URL der Datei in der Antwort, und dann "besuchen" Sie in Ihrem success Rückruf.
```
function getLicenseFile() {
    $.ajax({
        type: 'POST',
        url: '<%=request.getContextPath()%>/licenses/rest/downloadLicenseFile',
        dataType: 'json',
        contentType: 'application/json;charset=UTF-8',
        data: ko.mapping.toJSON(licenseModel),
        success: function (data) {
            window.open(data.fileUrl);
            //or window.location.href = data.fileUrl;
        },
        error:function (xhr, ajaxOptions, thrownError) {
            console.log("in error");
        } 
    });
}
```
data.fileUrl sollte festgelegt werden, in der Antwort vom server zum client sagen wo man die Datei.

So wird Ihr server eine Antwort senden mit JSON, wie
```
{
    "fileUrl": "http://mysite.com/files/0123456789"
}
```
- hmm, normalerweise ich nicht wollen, speichern Sie die Datei im Datei-system auf der server-Seite und auch ich möchte eine saubere download-URL. Generieren Sie einfach in den Speicher und zurück senden des bytes. Aber meine werden, habe ich zu tun Sie es wirklich mit zwei controller-Methoden. Erste Methode generieren Sie die Datei (speichern auf server-FS) und wieder den Namen der Datei im JSON-Format. Und die zweite Methode zum senden der Datei Daten. So kann ich verhindern, dass eine saubere download-Pfad. Ich werde prüfen, ob aus.
- Fenster.open(Daten.fileUrl); funktioniert nicht in einer asynchronen Umgebung. Fenster.Lage.href = Daten.fileUrl; funktioniert perfekt!
InformationsquelleAutor Eugene Naydenov

@will824 Als Sie Fragen, ich werde mir die Lösung.

Verwendete ich einen workaround im controller und speichern Sie die Datei vorübergehend in das filesystem (/tmp). Nach dem aufteilen der Funktion in 2 Schritten. Erstellen und downloaden.
Dies ist nicht sehr schön, aber gut genug für mich.

Controller (erstellen Sie die Datei, gespeichert auf server-Dateisystem):

@RequestMapping(value = "/licenses/rest", method = RequestMethod.PUT)
@ResponseStatus(value=HttpStatus.OK)
@ResponseBody
public String createLicenseFile(@Valid @RequestBody License license) throws Exception {

    //create encrypted license file and send the name back to view
    String fileName =  licenseEncodeDefaultService.createLicenseFile(license);
    return fileName;

}

Controller (download-Datei):

@RequestMapping(value = "/licenses/downloadFile/{file}", method = RequestMethod.GET)
public void downloadLicenseFile(@PathVariable("file") String file, HttpServletResponse response) throws Exception {

    //create full filename and get input stream
    File licenseFile = new File ("/tmp/" + file);
    InputStream is = new FileInputStream(licenseFile);

    //set file as attached data and copy file data to response output stream
    response.setHeader("Content-Disposition", "attachment; filename=\"" + file + ".license\"");
    FileCopyUtils.copy(is, response.getOutputStream());

    //delete file on server file system
    licenseFile.delete();

    //close stream and return to view
    response.flushBuffer();
}

javascript:

function getLicenseFile() {
    //console.log(ko.mapping.toJSON(licenseModel));
    $.ajax({
        type : 'PUT',
        url : '${pageContext.request.contextPath}/licenses/rest',
        dataType : 'text',
        contentType : 'application/json;charset=UTF-8',
        data : ko.mapping.toJSON(licenseModel),
        success : function(data) {
            window.location.href = '${pageContext.request.contextPath}/licenses/downloadFile/'
                    + data;
        },
        error : function(xhr, ajaxOptions, thrownError) {
            //error handling
        }
    });
}

Vielen Dank für Ihre Antwort. Ich bin damit einverstanden das macht den 1 Schritt einfacher Prozess zu gehen, 2 mal zum server, aber deine Lösung ist mehr oder weniger ähnlich wie die, die ich geplant zu implementieren, dennoch durfte ich nicht gehen 2 mal an den server, so einfach hatte gehen mit der 1-Schritt-Gesprächs durch ein unsichtbares Formular mit einem iframe und das Risiko akzeptieren, dass, wenn es einige Fehler der Benutzer wird nie wissen, was passiert ist.

InformationsquelleAutor derlinuxer

Wenn Sie möchten, laden Sie die Datei ohne änderung der url, die Sie aufrufen können, bilden.submit() programmgesteuert statt mithilfe von ajax.

Javascript:



    function downloadFileUsingForm(url) { 
        var form = document.createElement("form");
        form.method = "post";
        form.action = url;
        document.body.appendChild(form);
        form.submit();
        document.body.removeChild(form);
    }
    downloadFileUsingForm("/YourController/DownloadFile");

Controller:



    [HttpPost]
    public ActionResult DownloadFile()
    {
        string content = "Some Values";
        byte[] bytes = System.Text.UTF8Encoding.UTF8.GetBytes(content);
        return File(bytes, System.Net.Mime.MediaTypeNames.Application.Octet, "file.txt");
    }

Dies ist die beste Antwort, die ich gefunden habe, für den Fall, dass ich auf Arbeit bin.

InformationsquelleAutor user4532418

2

Als die Kommentare, die sagte, Sie kann es nicht mit einem ajax-Aufruf, aber Sie können es mit einfachen Javascript.
```
function getLicenseFile() {
    var downloadUrl = "${pageContext.request.contextPath}/licenses/rest/downloadLicenseFile";
    //(optionally) provide the user with a message that the download is starting
    window.location.href = downloadUrl;
}
```
Beachten Sie die Verwendung von ${pageContext.request.contextPath}, die sich bevorzugt über <%=request.getContextPath()%>.
- Danke, aber die Datei nicht bereits auf der server-Seite. Es erstellt dynamisch mit den angegebenen JSON-Daten per post-request. Keine JSON-Daten, die keine Datei zum herunterladen.
- Ja, ich verpasst, dass. In diesem Fall würde ich eine standard-Formular-POST dann. Kein JavaScript erforderlich ist.
InformationsquelleAutor nickdos

Ajax ist nicht zu helfen, Sie versuchen mit versteckten form Ansatz

<form action='../servletname' method='POST' id='formid'>
                <input type='hidden' value='' name='name' id='id'/>
                <input type='hidden' value=' ' name='name'  id='id' />
            </form>

übergeben Sie json über Formularfeld
klicken Sie auf der download-Schaltfläche zum senden des Formulars

$('#formid').submit();

dann im server-Seite

response.setContentType("application/vnd.ms-excel");
            response.setHeader("Content-Disposition", "attachment; filename=filnemae.fileformat");

 ServletOutputStream out = res.getOutputStream();

schreiben auf den Ausgabe-stream dann in der Nähe oder bündig

wenn Sie das senden von großen Datenmengen per post update postsize in server.xml

InformationsquelleAutor abhinavxeon

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.