JavaScript implementiert das Abrufen von Remote-HTML auf die aktuelle Seite

不言
Freigeben: 2018-06-05 14:35:30
Original
2419 Leute haben es durchsucht

Heute arbeite ich an einem Projekt und muss auf der aktuellen HTML-Seite auf eine Remote-HTML-Seite verweisen. Ich habe einen sehr nützlichen Code gefunden, den ich hier mit euch teilen werde Kannst mal einen Blick darauf werfen

HTML-Code

<p id="includeHtml"></p>
Nach dem Login kopieren

Javascript-Code

function clientSideInclude(id, url) {
  var req = false;
  // Safari, Firefox, 及其他非微软浏览器
  if (window.XMLHttpRequest) {
    try {
      req = new XMLHttpRequest();
    } catch (e) {
      req = false;
    }
  } else if (window.ActiveXObject) {

    // For Internet Explorer on Windows
    try {
      req = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        req = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) {
        req = false;
      }
    }
  }
  var element = document.getElementById(id);
  if (!element) {
    alert("函数clientSideInclude无法找到id " + id + "。" +
      "你的网页中必须有一个含有这个id的p 或 span 标签。");
    return;
  }
  if (req) {
    // 同步请求,等待收到全部内容
    req.open(&#39;GET&#39;, url, false);
    req.send(null);
    if (req.status == 404) {
      clientSideInclude(id, &#39;error.html&#39;)
    } else {
      element.innerHTML = req.responseText;
    }
  } else {
    element.innerHTML =
      "对不起,你的浏览器不支持" +
      "XMLHTTPRequest 对象。这个网页的显示要求" +
      "Internet Explorer 5 以上版本, " +
      "或 Firefox 或 Safari 浏览器,也可能会有其他可兼容的浏览器存在。";
  }
}

clientSideInclude(includeHtml, "http://XXXXX.html");//页面中的一个p的id为includeHtml
Nach dem Login kopieren

Die Verwendung ist sehr einfach, der Code wurde kommentiert, hier ist eine kurze Beschreibung für diejenigen, die keine Kommentare lesen

Verwandte Empfehlungen:

Eine kurze Diskussion über HTML-Escape und Verhinderung von Javascript-Injection-Angriffen Methode

Das obige ist der detaillierte Inhalt vonJavaScript implementiert das Abrufen von Remote-HTML auf die aktuelle Seite. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!