iFrame없이 다른 페이지에 외부 웹 사이트를 표시하는 방법은 무엇입니까?

Question

iFrame없이 응용 프로그램 내에서 외부 웹 사이트를 열어야합니다. 외부 웹 사이트에 일부 헤더 값을 전달해야합니다.

도움말 날 ...

Answer 1

을 :

AJAX - 당신은 데이터를 검색 할 XMLHttpRequest 객체를 사용할 수 있으며 귀하의 페이지에 삽입하십시오 (예 : div). jQuery를 사용하여 예 :

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

HTML5 웹 구성 요소 - HTML 수입, 웹 구성 요소의 일부, 다른 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

당신이 시도 할 수 있습니다 : iframe이에 일부 대체 솔루션이

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