html 페이지를 파싱하고 파싱 된 데이터를 다른 페이지로 전송

Question

빈 html 페이지 (대상)가 소스 페이지의 정확한 복제본이되도록 html의 전체 내용을 전달해야합니다 .

내 생각은 HTMLHeadElement와 HTMLBodyElement innerHtml의 을 어떻게 보내고 다른 쪽을 어떻게 해석하는지에 대한 아이디어였습니다.

 var headElement = document.getElementsByTagName('head')[0]; 
     var head_source = headElement.innerHTML; 

     var bodyElement = document.getElementsByTagName('body')[0]; 
     var body_source = bodyElement.innerHTML; 

내 딜레마가 풍부 나는 어떤 사람이 일반적인 문제 방법이 과제에 접근하는 방법을 해결하는 것입니다 바랍니다. 나는 올바른 방향으로 밀기 만하면됩니다.

수신 측에서는 전송되는 표현식을 구문 분석하고 DOM 접근 방식을 사용하여 내 문서를 빌드하는 방법을 찾을 수 있습니다.

내 문제 같습니다 제출 제어 형태로

(1) 내 소스 문서 (source.htm), 나는 따라 문자열 body_source 및 head_source를 보내기 위해 제출 기능에 과부하 수있는 방법 양식 값의 측면? (양식 action = "destPage.html"method = "get").

(2)이 방법을 통해이 정보를 전달하는 방식으로 "get"방법도 있습니다.

(3) destPage.htm에 sourcePage.htm을 복제하는 방법에 대한 제안 사항은 거의 열려 있습니다. 어쩌면 내 접근 방식에 결함이있을 수 있습니다.

Answer 1

당신이하려는 일에 재귀 문제가 있다고 생각합니다. POSTed 변수를 읽는 데 사용하는 언어가 무엇이든 include 또는 파일 시스템 호출을 통해 제출하는 페이지의 html을 가져 오는 데 아무런 문제가 없어야합니다.

아마도 내가 그 요점을 놓치고 있습니다.

당신은 당신이 그렇게 같은 현재 문서의 값을 가진 숨겨진 양식 필드를 채울 접근을 시도 할 수

Answer 2

: 그런 다음 사용하여 서버에 전송 한 후 헤더에서 해당 데이터를 검색 할 필요가

<form name="myForm" method="post" action="page2.php"> 
    <input type="hidden" name="content"> 
    <input type="submit" name="submit" value="Submit"> 
</form> 

$(document).ready(function(){ 
    $('form[name="myForm"]').submit(function(){ 
     $(this).children('input[name="content"]').val($('html').html()); 
    }); 
}); 

을 PHP 또는 서버 측 스크립트의 다른 종류. PHP에서는 매우 쉬울 것입니다 :

echo $_POST['content']; 

및 귀하의 페이지는 동일합니다. 물론, 나는 또한 요점을 놓칠 수 있습니다.

Answer 3

source.htm의 URL을 보낸 다음 source.htm의 내용을 AJAX를 사용하여 destPage.htm에로드하는 방법은 어떻습니까? jQuery .load을 사용하여 한 페이지에서 다른 페이지로 내용을 복사 할 수 있습니다 (동일한 원본 정책의 규칙을 위반하지 않는 한). 내가 귀하의 질문에 대한 권리를 가지고 있는지 확실하지 않은 경우 ...