iFrameのない別のページに外部ウェブサイトを表示するには？

Question

iFrameなしで自分のアプリケーション内で外部のWebサイトを開く必要があります また、その外部Webサイトにいくつかのヘッダ値を渡す必要があります。

あなたはこれを試すことができます。..

Answer 1

はiframeにいくつかの代替の解決策は以下のとおりです。

AJAX - あなたは、データを取得するために、XMLHttpRequestオブジェクトを使用することができますし、例えばdivのようにページに挿入してください。 jQueryの使用例：

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

HTML5 Webコンポーネント - HTMLの輸入、Webコンポーネントの一部は、他のHTMLドキュメントでHTML文書をバンドルすることができます。これには、HTML、CSS、JavaScriptなど、.htmlファイルに含めることができるものが含まれます。例：

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

他のいくつかのアイデアがあります：

<object>タグ - これは、HTML文書内に埋め込まれたオブジェクトを定義します。 HTMLファイルやオーディオ、ビデオ、アプレット、ActiveX、PDF、Flashなどのプラグインなどのマルチメディアコンテンツに使用できます）。

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

<embed>タグ - これはまた、「ハッキング」とHTMLページを表示するために使用することができ、例えば外部アプリケーションのプラグインのための容器を画定します。

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

についてはここでは、最善の解決策は、AJAXのアプローチを使用することになりHEADER例を渡す：

$.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); } 
}); 

Answer 2

私を助けて：

<div> 
    <object type="text/html" data="http://validator.w3.org/" width="800px" height="600px" style="overflow:auto;border:5px ridge blue"> 
    </object> 
</div>