Question

javascript ajaxsubmit提交 提示下载信息

var url = context+ "/custmgr/projectmanage/importJQList_workproject.action?workId="+projectId+"&flag="+type;
var options = {
url : url,
async : false,
cache : false,
type : 'POST',
dataType : 'text',
success:function(resultBean){
alert(resultBean);
resultBean = resultBean.replace('<PRE>','').replace('</PRE>','').replace('<pre>','').replace('</pre>','');
resultBean = eval('(' + resultBean + ')');
if (resultBean.successful) {
alert('保存成功');
window.close();
} else if(resultBean.successful == false){
alert("保存失败！"+resultBean.message);
}
}
};
$("#importdata_edit_form").ajaxSubmit(options);

为什么ajaxsubmit提交的时候。IE老是消息提示下载，谷歌和火狐都能正常运行，求大神指教，，解决问题我给他30分

Answer 1

这个是我网络找的，很适合你哦。这种问题多用Google哦，配合关键字搜索很容易搜到想要的。

今天在使用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提交表单的配置里面，增加一个参数，服务器端判断是否是ajaxSubmit提交过来的表单，是的话就返回“text/html”类型的内容，不是就可以返回“application/json”的。
简单的说就是ajaxSubmit上传文件的话，返回的内容只能是网页内容的，否则IE就有可能出现下载提示框。

Answer 2

你设置下请求头试试

追问

已经设置过了，还是没用！

Answer 3

你用 GET提交试试呢？