4

私の現在のシナリオでは、JavaScriptクライアントに大量のデータがあり、サーバーにPOSTしてさまざまな形式（CSVなど）に処理/変換します。次に、変換されたデータをサーバーからクライアントに送信します。

応答のコンテンツタイプを設定しましたが、ブラウザがファイルダイアログを生成しません。

これが私のコントローラーの外観です：

@RequestMapping(value="/exportBoxes/{type}/{filename:.+}", method=RequestMethod.POST)
public String exportBoxes(@RequestBody String body,      @PathVariable String type,
                          @PathVariable String filename, HttpServletResponse response) throws IOException
{
    JsonObject jsonObject = new JsonParser().parse(body).getAsJsonObject();

    //grab the data from the JSONobject
    String data = jsonObject.get("JSONdata").getAsString();

    //create output stream writer
    PrintWriter p = new PrintWriter(response.getOutputStream());

    //set response type and print header
    if(type.equals("csv"))
    {
        response.setContentType("text/csv");
        response.setHeader("Content-Disposition", "attachment; filename=\"" + filename + "\"");
    }

    //print the points to the file
    for(int i = 0; i < splitPoints.length; i++)
    {
        //print remainder of CSV file - abstracted
    }

    p.flush(); //flush the stream
    response.flushBuffer();
    p.close(); //close the stream

    return "success";
}

そして、これがデータをPOSTするクライアント関数です。

DAService.prototype.exportBoxes = function(type, filename, data) {
    var path       = 'api/rest/da/exportBoxes/' + type + '/' + filename
    var url        = (this.connection) ? this.connection + path : path;
    var JSONdata   = '';
    var returnType = ''

    //create JSON string to pass to Java controller
    if(type == 'csv')
    {
        JSONdata   = '{ "JSONdata" : "' + data.replace(/ /g, '') + '" }';
        returnType = 'text/csv';
    }
    else
    {
        throw "Invalid export format " + type;
    }

    $j.ajax({
        url:         url,
        contentType: 'application/json',
        type:        'POST',
        dataType:    returnType,
        data:        JSONdata,
        success: function(returnedData){
            console.log("exportBox successful");
        },
        error: function(x,y,z) {
            console.log("exportBox failed with error '" + y + "'");
        },
        complete: function(empty, textStatus){
            console.log("exportBox complete textStatus='" + textStatus + "'");
        }
    });
};

このコードによってエラーは生成されず、サーバーの応答にはCSVファイルが含まれています。クライアントにダウンロードダイアログを生成させることができません。

私が見落としているものが1つありますが、誰かが私を助けてくれますか？

4

1 に答える 1

3

を使用する代わりに、フォームを投稿してみてください$.ajax。

var form = $('<form/>', {
  action: url,
  method: 'POST',
  css: { display: 'none' },
  html: $('<input/>', {name: 'JSONdata', value: data.replace(/ /g, '') })
});
$('body').append(form);
form.submit();

（私はそれをテストしていません。）要点は、フォームを実際に投稿すると、ブラウザーは応答本文を解釈することを認識し、添付ファイルに気付くはずです。

于 2012-07-11T18:13:43.180 に答える