ajax将响应结果显示到iframe,ajaxsubmit返回值在IE下弹出保存提示问题

使用jquery.form插件的ajaxSubmit上传文件时，在IE、chorme会出现下载文件的提示框，在查看了jquery.form的源码时，发现了下面的代码：if (options.iframe !== false && (options.iframe || shouldUseFrame)) {

if (options.closeKeepAlive) {

$.get(options.closeKeepAlive, function() {

fileUploadIframe(a);

});

}

else {

fileUploadIframe(a);

}

}

else if ((hasFileInputs || multipart) && fileAPI) {

fileUploadXhr(a);

}

else {

$.ajax(options);

}

在ajaxSubmit提交表单的时候，如果表单内有文件上传的话，会判断参数是否配置的iframe为false参数，如果没有，会用创建隐藏iframe方式提交表单，如果设定了iframe为false，则判断浏览器是否支持HTML5的fileAPI，支持就直接使用XHR方式提交，否则就当作普通表单提交。

因为是用隐藏iframe提交的表单，如果服务器返回的是“application/json”类型的数据，IE和Chrome默认是下载文件的，因为内容是返回给了iframe，而不是ajaxSubmit的success方法。在iframe加载了返回结果后，ajaxSubmit的success方法是去读取iframe的内容来转换成json对象使用。

解决办法

在ajaxSubmit提交表单时，返回“text/html”类型的内容，普通的ajax则返回“application/json”的内容。

Map map = new HashMap();

map.put("","");

returnData = JSONObject.fromObject(map);

response.setContentType("text/html");

response.getWriter().println(jsonObject.toString());

返回“text/html”类型的内容可能会出现的问题

如果需要解析file的内容，且file的内容包含“，”、“{”、“}”，可能会破坏json object的结构，导致ajaxSubmit无法以json格式解析返回的data，抛出如下错误：

ajaxsubmit SyntaxError: JSON.parse: expected ',' or '}' after property value

为fix这个问题，可以将$.ajaxsubmit的dataType属性设为text，但如此，需要手动的解析返回的json string，比较困难，建议以简单的form submit()方法，提交form到后台，然后利用model返回data，避免ajaxsubmit SyntaxError，可是无法避免刷新页面，违背了ajax局部刷新的初衷。