今天在使用jquery.form插件的ajaxSubmit上传文件时，在IE、chorme下测试，老是出现下载文件的提示框，谷歌百度了半天，基本没有人说明是什么原因的，在查看了jquery.form的源码时，发现了下面的代码：
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
if
(options.iframe !==
false
&& (options.iframe || shouldUseFrame)) {
(options.closeKeepAlive) {
$.get(options.closeKeepAlive,
function
() {
fileUploadIframe(a);
});
}
else
{
fileUploadIframe(a);
}
}
else
if
((hasFileInputs || multipart) && fileAPI) {
fileUploadXhr(a);
}
{
$.ajax(options);
}
|
所以因为是用隐藏iframe提交的表单，如果服务器返回的是“application/json”类型的数据，IE和Chrome默认是下载文件的，因为内容是返回给了iframe，而不是ajaxSubmit的success方法。在iframe加载了返回结果后，ajaxSubmit的success方法是去读取iframe的内容来转换成json对象使用。
解决办法就是，在ajaxSubmit提交表单的配置里面，增加一个参数，服务器端判断是否是ajaxSubmit提交过来的表单，是的话就返回“text/html”类型的内容，不是就可以返回“application/json”的。
原文链接：https://www.f2er.com/ajax/163140.html