java jquery 文件下载_java-如何使用Jquery从httpServlet下载文件？

在我的应用程序中,在客户端创建了一个json对象.该对象被发布到HttpServlet,后者基于POST数据创建pdf文件.

该文件将发送回用户.调用成功函数,并记录流数据.但是,我想要下载该文件.

如何实现呢？

我的客户端代码：

$(document).ready(function() {

// when the print button is clicked

$('#exportButton').click(function() {

var tableIdx = performanceDetailTableController.getTableIdx();

var allData = {

"shipTable1":{

"rows":[

{ "latitude":"12323","longitude":"213213"},

{ "latitude":"213213","longitude":"543543"}

]},

"shipTable2":{

"rows":[

{ "latitude":"12323", "longitude":"213213"},

{ "latitude":"213213","longitude":"543543"}

]}

}

var postData = JSON.stringify(allData);

$.ajax({

type : "POST",

url : 'pdfServlet',

contentType: "application/json; charset=utf-8",

data : postData,

async : false,

success : function(data) {

alert("got some data");

console.log(data);

},

});

});

});

然后servlet创建文件：

@Override

public void doPost(HttpServletRequest request, HttpServletResponse response) throws IOException, ServletException {

// get the json content

StringBuffer jsonContent = getPostedContent(request);

log.info(jsonContent.toString());

// convert json to pojo's

Tables tables = getTablesFromString(jsonContent);

// create a xml stream

ByteArrayOutputStream xml = new XmlConverter().getXMLSource(tables);

// put the xml on the request

request = setXmlOnRequest(request, xml);

// create pdf data of the pdf-able xml content

ByteArrayOutputStream pdf = new PdfHandler().createPdfDataStream(request);

// response = createResponseheaders(response, request);

response.setContentType("application/pdf");

response.setContentLength(pdf.size());

response.setHeader("Content-disposition", "attachment; filename=test.pdf");

response.setCharacterEncoding("utf-8");

response.getOutputStream().write(pdf.toByteArray());

//close the streams

pdf.close();

response.getOutputStream().close();

}

日志中的输出：

%PDF-1.4

%

4 0 obj

<<

/Producer (Apache FOP Version SVN branches/fop-0_95)

/CreationDate (D:20130725162007+02'00')

>>

endobj

5 0 obj

<<

/N 3

/Length 11 0 R

/Filter /FlateDecode

>>

stream

xwTS?7PhRHH.*1 J

*我的解决方案：*

我创建了一个带有一个隐藏字段的表单：

export

比我将我的jquery post数据控制器更改为：

$('#exportButton').click(function() {

var tableIdx = performanceDetailTableController.getTableIdx();

var allData = {

"shipTable1":{

"rows":[

{ "latitude":"12323","longitude":"213213"},

{ "latitude":"213213","longitude":"543543"}

]},

"shipTable2":{

"rows":[

{ "latitude":"12323", "longitude":"213213"},

{ "latitude":"213213","longitude":"543543"}

]}

}

var postData = JSON.stringify(allData);

// put the data on the hidden form field in the export form

$('#pdf_data').val(postData);

// and submit the form

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

});

所以现在当我单击“导出”按钮时,表单中的隐藏字段获取要发布的数据,并且数据以www-form编码形式发布.

这样,servlet可以处理请求并将文件下载到客户端.