서버에서 cloneNode 처리하기

Question

'추가'버튼을 클릭 할 때 특정 div를 복제해야합니다. 나는 다음과 같은 코드를 사용하고이를 달성하기 위해 : -

function addDetails() 
{ 
    var details=document.getElementById('education'); 
    var eachDetail=document.getElementById('fdetails_edu_div'); 
    var newEduDetail = eachDetail.cloneNode(true); 
    details.appendChild(newEduDetail); 
}//end of addDetails function 

때문에, 'fdetails_edu_div'라는 이름 사업부는 '교육' '추가'버튼을 클릭 할 때마다 지정된 div에 추가하기 유지합니다.

이제 동적으로 추가 된 모든 div (서버를 사용하는 텍스트 상자 포함)를 PHP를 사용하여 어떻게 처리 할 수 ​​있는지 알고 싶습니다.

문제는 추가 버튼을 클릭 한 다음 (결과적으로 새 div가 추가 된 후) 페이지 소스를 볼 때 새로 만든 div에 해당하는 HTML이 표시되지 않는 것입니다. 그래서 양식 (모든 div 포함)이 게시 될 때 이해하지 못하는데 어떻게 PHP가 서버에있는 PHP가 div에 포함 된 새로 추가 된 동적으로 추가 된 텍스트 상자에 액세스 할 수있게 할 것입니까?

Answer 1

당신은 새로 만든 DIV의 beaceuse 브라우저 view-source 기능 (자바 스크립트가 영향을 촬영하기 전에) 서버에서 다운로드 된 원래 HTML 파일을 렌더링 볼 수 없습니다. 브라우저에서 볼 때 실제 HTML을 보려면 DOMElement innerHTML 속성 또는 일부 DOM 속성 (Firefox의 경우 Firebug, Opera의 경우 DragonFly, 인터넷 탐색기의 경우 F12)을 사용하십시오.
당신이해야 할 일은 새로운 데이터가 생성되었다는 정보와 함께 서버에 AJAX 요청을 보내고 서버가 새로운 HTML을 생성하도록하는 것입니다. 이것은 클라이언트 addDetails 기능에 독립적으로 발생해야합니다.
클라이언트 측에서는 AJAX 호출이 실패하면 새로운 DIV도 제거해야합니다.

페이지 생성 방법을 언급하지 않았으므로 PHP 스크립트가 AJAX 요청을 처리하는 방법을 알 수 없습니다. 더 자세한 정보를 제공하지 않는 한 이것은 귀하에게 달려 있습니다.