Wie um zu Zeigen, Externen website innerhalb einer anderen Seite, ohne iFrame?

Einige alternative Lösungen, um einen iframe sind:

AJAX - Sie können das XMLHttpRequest-Objekt zum abrufen von Daten und Spritzen Sie es auf Ihre Seite, zum Beispiel in einem div. Beispiel mit jQuery:

 $( "#result" ).load( "ajax/test.html" );

HTML5 Web Komponenten - HTML-Importe, die Teil der Web-Komponenten und ermöglicht die Bündelung von HTML-Dokumenten in andere HTML-Dokumente. Das beinhaltet HTML, CSS, JavaScript oder etwas anderes ein .html-Datei enthalten kann. Beispiel:

   <link rel="import" href="http://stackoverflow.com">

Einige andere Ideen sind:

<object> - tag definiert ein eingebettetes Objekt in einem HTML-Dokument. Kann verwendet werden für HTML-Dateien und multimedia-Inhalte wie audio, video, applets, ActiveX -, PDF-und Flash oder andere plugins).

   <object data="http://stackoverflow.com" width="400" height="300" type="text/html">
        Alternative Content
    </object>

<embed> tag - Es definiert einen container für eine externe Anwendung zum Beispiel ein plug-in, können auch "gehackt" und dient der Anzeige einer HTML-Seite.

<embed src="http://stackoverflow.com" width=200 height=200 />

Bezüglich der Weitergabe des HEADERS, die beste Lösung wäre die Verwendung eines AJAX-Ansatz, hier ein Beispiel:

$.ajax({
    url: "http://stackoverflow.com",
    data: { uname: "test" },
    type: "GET",
    beforeSend: function(xhr){xhr.setRequestHeader('X-TOKEN', 'xxxxx');},
    success: function() { alert('Success!' + authHeader); }
});

or in this way,

$.ajax({
    url: "http://stackoverflow.com",
    data: { uname: "test" },
    type: "GET",
    headers:{ "X-TOKEN": 'xxxxx'},
    success: function() { alert('Success!' + authHeader); }
});

InformationsquelleAutor GibboK