jquery – 如何在没有iFrame的情况下在另一个页面中显示外部网站？

我需要在没有iFrame的情况下在我的应用程序中打开外部网站
我还需要将一些标题值传递给该外部网站.

帮我..

解决方法

iframe的一些替代解决方案是：

AJAX – 您可以使用XMLHttpRequest对象来检索数据并将其注入您的页面,例如在div中.使用jQuery的示例：

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

HTML5 Web组件 – HTML Imports是Web组件的一部分,允许在其他HTML文档中捆绑HTML文档.这包括HTML,CSS,JavaScript或.html文件可以包含的任何其他内容.例：

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

其他一些想法是：

<对象> tag – 它定义HTML文档中的嵌入对象.可用于HTML文件和多媒体内容,如音频,视频,小程序,ActiveX,PDF和Flash或其他插件).

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

<嵌入> tag – 它定义了外部应用程序的容器,例如插件,也可以被“黑客”并用于显示HTML页面.

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

关于传递HEADER,最好的解决方案是使用AJAX方法,这里是一个例子：

$.ajax({
    url: "https://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: "https://stackoverflow.com",headers:{ "X-TOKEN": 'xxxxx'},success: function() { alert('Success!' + authHeader); }
});