XMLHttpRequest 在 Edge Chromium 中不起作用

问题描述

尝试在新的 Edge Chromium 中打开我的界面时遇到问题。显示背景，但不显示 Ajax 请求正在调用的页面。它适用于 IE 11、Firefox 和 Legacy Edge，但不适用于 Edge Chromium。我正在使用一个常见的 ajax 调用，但它没有像在其他浏览器中那样显示页面。希望有一个基于代码的 JavaScript 解决方案。 **我不知道如何在 jquery 中重写，但如果解决方案在 jquery 中，我可以尝试。

function clientSideInclude(id,url){
     var req = false;
     try{
         req = new ActiveXObject("Msxml2.XMLHTTP");
     }catch (e){
         try{
             req = new XMLHttpRequest();
         } catch (e){
             req = false;
         }
     }
     var element = document.getElementById(id);
     if(!element){
         alert("Bad ID" + id +"passed.");
         return;
     }
     if (req){
         req.open("GET","url",true);
         req.send(null);
         element.innerHTML = req.responseText;
    
     }else{
         element.innerHTML = "Sorry,your browser does not support this.";
     }
}

 var pageTag = "pageContents/" + page + ".html";
 clientSideInclude('includeHTML',pageTag);

解决方法

您正在发出一个异步请求；当您尝试分配结果时，请求尚未完成。您可以在请求完成时使用 load 事件来处理数据。
此外，您将字符串 "url" 作为 url 而不是参数 url 传递。

if (req){
    req.open("GET",url,true);
    req.send(null);
    req.onload = function () {
        element.innerHTML = req.responseText;
    }
}