
在最近的chrome浏览器更新之后,许多依赖xmlhttprequest加载xslt文档的web应用程序遇到了一个显著的问题。具体表现为,当尝试通过xmlhttprequest获取xslt文件时,原本用于直接获取解析后xml文档的this.responsexml属性不再返回有效的xml文档对象,而是返回一个空的或无效的值。然而,this.responsetext属性仍然能够正常获取到xslt文件的原始文本内容。这意味着,如果应用程序直接依赖responsexml进行xslt处理,就会失败;如果改用responsetext,则需要额外的步骤手动将文本解析为application/xml格式的文档对象,增加了不必要的复杂性。
这个问题似乎源于Chrome对MIME类型处理的内部调整,或者对某些特定响应头在解析为XML文档时的更加严格的校验。当服务器返回的XSLT文件没有明确或被Chrome正确识别为XML MIME类型时,浏览器可能选择不自动解析其为XML文档,从而导致responseXML为空。
针对这一问题,一个简洁而有效的解决方案是利用XMLHttpRequest对象的overrideMimeType()方法。这个方法允许开发者强制浏览器以指定的MIME类型来解析接收到的响应数据,无论服务器实际返回的MIME类型是什么。通过将MIME类型明确设置为"text/xml",我们可以指示Chrome将接收到的数据视为XML文档进行解析,从而确保responseXML属性能够正确地返回一个已解析的XML文档对象。
以下代码片段展示了如何在现有的XMLHttpRequest请求中集成此解决方案:
function loadXSLTDocument(url) {
return new Promise(function (resolve, reject) {
var req = new XMLHttpRequest();
req.open("GET", url);
// 针对旧版IE兼容性处理,如果XSLTProcessor未定义,尝试使用msxml-document
if (typeof XSLTProcessor === 'undefined') {
try {
req.responseType = 'msxml-document';
} catch (e) {
console.error('Error setting responseType for IE compatibility:', e);
}
}
// 核心解决方案:强制Chrome将响应解析为XML
// 这解决了Chrome更新后responseXML为空的问题
req.overrideMimeType("text/xml");
req.onload = function () {
if (req.status >= 200 && req.status < 300) {
// 现在this.responseXML应该能正常获取到解析后的XML文档了
if (this.responseXML && this.responseXML.documentElement) {
resolve(this.responseXML);
} else {
// 如果responseXML仍然无效,但responseText可用,则尝试手动解析
console.warn("responseXML is empty or invalid, attempting to parse responseText.");
try {
const parser = new DOMParser();
const xmlDoc = parser.parseFromString(this.responseText, "application/xml");
if (xmlDoc.documentElement && !xmlDoc.getElementsByTagName("parsererror").length) {
resolve(xmlDoc);
} else {
reject(new Error("Failed to parse XML from responseText."));
}
} catch (e) {
reject(new Error("Error parsing XML from responseText: " + e.message));
}
}
} else {
reject(new Error("Network response was not ok. Status: " + req.status));
}
};
req.onerror = function () {
reject(new Error("XMLHttpRequest failed for URL: " + url));
};
req.send();
});
}在上述代码中,关键的一行是req.overrideMimeType("text/xml");。将其放置在req.open()之后和req.send()之前,可以确保在请求发送并接收到响应时,Chrome会按照text/xml的MIME类型来处理数据,从而正确填充this.responseXML。
Chrome浏览器近期更新导致XMLHttpRequest加载XSLT文档时responseXML为空的问题,可以通过在请求中显式调用req.overrideMimeType("text/xml");来有效解决。这一方法强制浏览器以正确的MIME类型解析响应,从而恢复XSLT文档的正常处理。开发者应在项目中采纳此解决方案,并注意其在不同浏览器间的兼容性差异,以确保Web应用程序的稳定运行。
以上就是Chrome更新后XSLT文档加载失败的解决方案的详细内容,更多请关注php中文网其它相关文章!
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号