동적 콘텐츠가있는 이전 웹 페이지로 돌아 가기

동적 콘텐츠가 포함 된 - 페이지 1 (버튼을 사용하여 양식 추가 또는 제거 + 자바 스크립트 기능 + 작성된 모든 양식 제출 버튼)의 2 가지 웹 페이지를 개발했습니다. 양식에 데이터를 성공적으로 제출하면 php 파일은 페이지 2로 이동합니다 (page.history.go (-1) javascript 함수 사용) - 페이지 2 go-back-to-page-1 페이지동적 콘텐츠가있는 이전 웹 페이지로 돌아 가기

2 페이지에서 1 페이지로 돌아 가면 동적으로 생성 된 양식이 손실 된 것처럼 보입니다 (예 : 동적 콘텐츠가없는 원본 페이지 1이 표시됨).

1 페이지로 돌아갈 때 양식을 보관하는 방법은 무엇입니까? (나는 비슷한 질문을 https://stackoverflow.com/questions/17220024/back-button-for-dynamic-textbox-generation-page-in-php-using-sesison에서 발견했으나 아무 대답도하지 않았다.)

의견을 말하십시오.

출처

2013-07-04 Joppo

제출하면 모든 것을 지울 것입니다 ... – dandavis

간단하고 값싼 솔루션 :'window.history.go (-1)'하지 말고'window.location.href = page2'를 사용하십시오! –

뒤로 단추 또는'window.history.go (-1)'을 사용할 때 Internet Explorer (IE)가 "페이지가 만료되었습니다"라는 경고를 반환하는지 확인할 수 있습니까? – user555

한 페이지 만 사용하고 아약스에서 데이터를 처리해야합니다. 페이지 1 = 하나 개의 사업부 및 페이지 2 = 하나의 속성 디스플레이와 다른 사업부 놀이는 (당신이 원하는 경우 효과) 물론

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<div id="page1"> 
page 1 
<form> 
    <input type="text" id="txt1"><br> 
    <button onclick="savePage1();" type="button">Page 2 ></button> 
</form> 
</div> 
<div id="page2" style="display:none;"> 
page 2 

<button onclick="backPage1();" type="button">< Page 1</button> 
</div> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script> 
function savePage1() { 
    // php processing 
    /*$.ajax({ 
     url: "/savePage1.php", 
     data: { 
     data1: $('#txt1').val() 
     }, 
     success: function(data) { 
     // ... 
     } 
    });*/ 

    // insert code into success 
    $('#page1').hide(); 
    $('#page2').show(); 
} 
function backPage1() { 
    $('#page2').hide(); 
    $('#page1').show(); 
} 
</script> 
</body> 
</html>

출처

2013-07-04 10:06:44 stloc

당신의 대답을 이해할 수 있는지 잘 모르겠지만 아마도 컨텍스트를 충분히 설명하지 못했을 것입니다. 나는 페이지 2도 갖고 싶습니다. 다른 폼의 페이지 1 다음 페이지 일뿐입니다. 사용자가 페이지 2에 있고 페이지 1의 입력을 변경하기로 결정하면 다시 되돌아 갈 수 있습니다. 나는 AJAX를 페이지 1에 사용할 수 있지만 일단 페이지 2에서 1로 돌아 가면 문제가 해결됩니다 (1 페이지에 제출 된 내용을 유지하십시오)? – Joppo

위의 코드를보십시오 – stloc

안녕하세요, 귀하의 의견과 코드를 주셔서 감사합니다 (!) 2 페이지의 컨셉은 정확하게 달성하고 싶지 않지만 숨기기와 표시로 아이디어를 선택했습니다 (양식이있는 웹 페이지 1을 만드는 대신 동적으로 생성 된 페이지 1은 이제 정적 양식 + 숨기기/표시 + 선택 버튼을 사용합니다. 페이지 2로 돌아갈 때 숨기기 및 표시 상태가 여전히 손실 된 것처럼 보이지만 제출 된 양식 정보는 저장됩니다. – Joppo

, 동적 콘텐츠 (또는 동적으로 변경 한) 경우 손실됩니다 복원을위한 기능을 만들지 않은 경우 페이지가 다시로드됩니다 (또는 사용자가 페이지에서 이동하여 돌아올 것임). 사실, 일부 브라우저는 페이지를 새로 고치면 양식 입력 내용을 저장할 수 있지만 확실히 의존해서는 안됩니다.

동적 변경 사항을 복원하려면 사용자 자신의 핸들러를 만들어야합니다. 세션에 제출 된 콘텐츠를 저장하고 페이지 1을 데이터로 채우기 만하면됩니다.

"동적"기능을 모두 지정하지 않았으므로이 프로세스를 자동화하는 가장 좋은 방법은 말할 수 없습니다. 기본 필요에 대한 "인구 양식 js"에 대한 Google 필요합니다.

출처

2013-07-05 12:01:09 QArea

동적 콘텐츠가있는 이전 웹 페이지로 돌아 가기

답변

관련 문제