异步(Ajax)表单提交在IE下不兼容(提示下载)的解决办法

JavaScript/前端
362
0
0
2022-04-20
标签   Ajax

一:异步表单

我认为所谓异步表单其实是一种兼容解决方案,通过在当前页面隐藏一个Iframe标签,并通过CSS将其调整到不可见的位置。然后将父页面待提交表单的target属性设置为前面设置的Iframe,通过不可见的Iframe进行提交,父页面在响应完成后获取子Iframe的文档内容,从而实现异步表单。这样可以保证父页面不进行刷新,达到类Ajax的效果。

二:IE下兼容性问题现象

IE版本为IE9-10,表现为提示下载内容

异步(Ajax)表单提交在IE下不兼容(提示下载)的解决办法

三:原因分析

由于响应的Content-Typeapplication/json在IE下无法正常解析

四:解决办法

显示指定服务端响应的Content-Typetext/html

异步(Ajax)表单提交在IE下不兼容(提示下载)的解决办法

五:常用异步表单框架

Jquery.Form Easyui表单组件

注:此问题与开发方式和语言无关,类似问题可通过抓包进行分析,解决方案相同!

个人观点,请大家多多指教!

异步(Ajax)表单提交在IE下不兼容(提示下载)的解决办法