IE11中jQuery Ajax发起额外GET请求问题求助

这种IE11的诡异行为我之前也碰到过好几次，大概率是IE11的兼容性坑，不是你代码的问题！下面是我总结的几个排查和解决方向：

• 检查Ajax请求的响应头是否有异常
  IE11对响应头的处理特别“挑剔”，尤其是Content-Type和Set-Cookie这两类。比如如果响应的Content-Type标记为application/json，但返回的JSON格式有语法错误（比如多余的尾逗号），IE11可能会触发莫名其妙的跳转；另外如果Set-Cookie里包含IE11不支持的属性（比如SameSite=None但没搭配Secure，或者过期时间格式不符合它的要求），也可能导致浏览器自动发起根页面请求。建议用Fiddler或者浏览器开发者工具抓包，仔细核对响应头的每一项。

• 排查IE11的缓存机制干扰
  IE11的缓存策略和现代浏览器差异很大，尤其是对XMLHttpRequest请求。如果你的Ajax请求没有设置禁用缓存的响应头（比如Cache-Control: no-cache、Pragma: no-cache），IE11可能会读取旧的缓存响应，而旧响应里可能隐含了跳转逻辑？你可以试试在Ajax请求的URL末尾加个随机参数（比如?t=${new Date().getTime()}），强制浏览器跳过缓存，看看问题是否消失。

• 检查是否存在隐性的页面跳转触发逻辑
  虽然你说代码里没有显式请求，但IE11里有些DOM操作会“偷偷”触发跳转。比如：

  • 页面里的<button>标签没加type="button"，IE11会默认把它当成submit类型，触发表单提交；
  • 空href的<a>标签，在IE11里可能会触发根页面跳转；
  • Ajax回调里的DOM操作意外触发表单提交或页面刷新。
    建议仔细检查Ajax回调及相关DOM操作的代码，排查这类隐性触发点。

• 跨域场景下尝试用XDomainRequest替代XMLHttpRequest
  如果你的Ajax是跨域请求，IE11对标准CORS的支持有很多限制，XMLHttpRequest在这种场景下容易出现异常行为。这时候可以试试IE11专属的XDomainRequest对象，它是IE专门为跨域Ajax设计的，虽然功能有限（不支持自定义请求头、仅支持GET/POST），但有时候能解决这种诡异的跳转问题，不过需要后端配合调整响应头。

• 排查第三方脚本的兼容性问题
  页面里引入的第三方脚本（比如统计代码、广告插件）在IE11里可能存在兼容性bug，会在某个时机触发页面跳转。你可以先临时移除所有第三方脚本，只保留核心的Ajax代码，看看问题是否消失。如果消失了，再逐个加回脚本排查元凶。

内容的提问来源于stack exchange，提问作者blastitall