有你在真好 的个人博客
异步(Ajax)表单提交在IE下不兼容(提示下载)的解决办法
阅读:2215 添加日期:2021/3/27 23:21:59 原文链接:https://www.toutiao.com/item/6537924159102517774/

一:异步表单

我认为所谓异步表单其实是一种兼容解决方案,通过在当前页面隐藏一个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下不兼容(提示下载)的解决办法

ICP备案号:苏ICP备14035786号-1 苏公网安备 32050502001014号