最近用EasyUI写了一个小项目在火狐中测试一切正常,而在IE中测试的时候只要是采用如下方式提交表单就会出现下载对话框
$("#loginForm").form("submit",{
url : "${pageContext.request.contextPath}/user/login",
success : function(data) {
data = eval("(" + data + ")");
if (data.success) {
$.messager.progress({
text : "登录成功,正在跳转到系统主界面"
});
window.location.href = "${pageContext.request.contextPath}/admin/main";
} else {
$.messager.alert("提示", "登录失败,错误信息:" + data.message, "error");
}
}
})
而采用jQuery的Ajax提交则不会出现下载对话框
$.ajax({
url : "${pageContext.request.contextPath}/user/login",
data : {
loginName : $("#loginName").val(),
password : $("#password").val()
},
success : function(data) {
if (data.success) {
$.messager.progress({
text : "登录成功,正在跳转到系统主界面"
});
window.location.href = "${pageContext.request.contextPath}/admin/main";
} else {
$.messager.alert("提示", "登录失败,错误信息:" + data.message, "error");
}
}
});
服务器端处理代码
@RequestMapping(value = "/user/login", method = RequestMethod.POST)
@ResponseBody
public Map<String, Object> login(String loginName, String password) {
Map<String, Object> result = new HashMap<>();
try {
User user = userService.findByLoginNameAndPassword(loginName, password);
if (user != null) {
result.put("success", true);
} else {
result.put("success", false);
result.put("message", "登录名或密码错误");
}
} catch (Exception e) {
result.put("success", false);
result.put("message", e.getMessage());
}
return result;
}
如果将服务端方法的返回值变成String则不会出现问题,但是需要手动生成JSON数据返回而且需要客户端使用evel()来解析。
解决办法:还是继续返回Map,修改SpringMVC配置文件
<mvc:annotation-driven>
<mvc:message-converters>
<bean class="org.springframework.http.converter.json.MappingJackson2HttpMessageConverter">
<property name="supportedMediaTypes">
<list>
<value>text/html;charset=UTF-8</value>
</list>
</property>
</bean>
</mvc:message-converters>
</mvc:annotation-driven>
问题原因:因为SpringMVC返回Map的话数据类型是application/json而返回String则是text/html,通过上面采用jQuery的Ajax提交的代码可知(我上面代码没加dataType),解决的办法就是修改他的数据类型变成text/html即可。