如何在沒有iFrame的情況下在另一個頁面中顯示外部網站？

我需要在我的應用程序內部打開外部網站，而不需要iFrame 也需要將一些標題值傳遞給該外部網站。如何在沒有iFrame的情況下在另一個頁面中顯示外部網站？

幫助我..

2016-08-23 Prabhu Arumugam

請告訴我們你到目前爲止 – legrandviking

的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方法，這裏一個例子：

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

來源

2016-08-23 14:04:33 GibboK

感謝您的答覆。我已經嘗試過以上方法。我無法將標題值傳遞給該網站。我怎樣才能達到這個 –

@PrabhuArumugam不客氣！考慮使用jQuery和$ .ajax你可以使用beforeSend設置一個頭文件，你可以在這裏找到詳細的文檔http://api.jquery.com/jquery.ajax/請讓我知道如果你需要更多的信息:) – GibboK

if load url http：//與域https：//這個.load函數不工作？ –

你可以試試這個：

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

來源

2016-08-23 13:13:17 fernando

我如何添加標題到這個URL試過嗎？ –

感謝你的回答非常有用。 +1 –

如何在沒有iFrame的情況下在另一個頁面中顯示外部網站？

回答

相關問題