ie8 ajaxSubmit上传文件提示下载和提交表单两次

比眉伴天荒 2022-09-25 15:20 149阅读 0赞

后台用springMVC,方法定义如下：

public @ResponseBody FeedResult saveOrUpdateWorks(AddForm form, HttpServletRequest request, HttpServletResponse response) {

//逻辑

}

ie系列会提示下载

提示下载解决办法1：

![Center][]

<property name="supportedMediaTypes">
    			        <list>
    				        
    					    <value>text/html;charset=UTF-8</value>
    					    <value>text/json;charset=UTF-8</value>
    					    <value>application/json;charset=UTF-8</value>
    			        </list>
    		    	</property>

但该方法有个局限性，就是中后期的项目改动比较大，会影响所有接口，并且所有ajax方法dataType都要改为json,不然会返回undefined(印象中);

2.方法二，只针对单个接口：

修改上面的方法，但返回值变成void

public void saveOrUpdateWorks(WorkAddForm form, HttpServletRequest request, HttpServletResponse response) {

//逻辑

Json.writeObj(jResult, response);//通过这种返回
    return;

}

writeObj()做的事情如下：

![Center 1][]  
//主要是这句：

rsp.setContentType("text/json;charset=UTF8");

但第二种在ie8里有出现了另外一种情况，发起两次请求到后台接口，导致不进回调方法：

![Center 2][]

瞎搞了半天，原来发现有前人遇到：

http://blog.csdn.net/tudopi/article/details/5577562

就是在

$(this).attr('submited',true).ajaxSubmit({});

后终止它，即紧接着写：  
return false;

[Center]: /images/20220717/253d65658a104bbbbdc2399b874c19de.png
[Center 1]: /images/20220717/4130c5e4fb044766810bae03ba7a2dc8.png
[Center 2]: /images/20220717/ea6de5485a954b3e9a2da2a98c4e747a.png