TypeError: xmlHttp.overrideMimeType不是函数问题求助

这个报错我之前调试XMLHttpRequest的时候也碰到过，核心原因是你调用overrideMimeType和设置responseType的顺序搞错了，咱们来一步步修正：

问题根源 #

当你先设置了xmlHttp.responseType = 'document'，浏览器会立刻锁定请求的文档解析逻辑，这时候再调用overrideMimeType就会触发错误——因为此时浏览器已经不允许修改MIME类型的覆盖规则了，甚至会把这个方法标记为不可用。

修复方案：调整调用顺序 #

你需要把overrideMimeType的调用放在responseType设置之前，并且必须在open()之后、send()之前执行，正确的代码如下：

function request(callback){ 
  var xmlHttp = new XMLHttpRequest(); 
  xmlHttp.onreadystatechange = function() { 
    if (xmlHttp.readyState == 4 && xmlHttp.status == 200) callback(xmlHttp.responseXML); 
    else if (xmlHttp.status==404) { console.log("XML could not be found"); } 
  } 
  xmlHttp.open("GET", myURL, true); 
  // 先覆盖MIME类型
  xmlHttp.overrideMimeType('text/xml'); 
  // 再设置响应类型为document
  xmlHttp.responseType = 'document'; 
  xmlHttp.send(null); 
} 

额外优化建议 #

如果你的服务器返回的HTTP响应头里已经包含了正确的XML类型（比如Content-Type: application/xml或text/xml），其实可以省略overrideMimeType和responseType的设置，直接通过xmlHttp.responseXML就能拿到解析好的XML文档，代码会更简洁。

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