2013-07-18 4 views
1

제목 질문에 대해 확실하지 않습니다. 자유롭게 제안하십시오. :)입력이있는 이전 페이지로 돌아 가기

안녕 얘들 아! 아주 간단한 코드를 만들었습니다. 그건 내 웹이었을 겁니다.

<html> 
    <script type="text/javascript"> 
    function getPage(linkPage,variables,divName){ 
    $.get(linkPage + "?" + variables,function(data){$(divName).html(data);}); 
       } 

    function show(){ 
       //functionName("path","data","idName"); 
       getPage("AjaxPages/hi.php","","#container"); 
      } 
    </script> 
    <body> 
    <div id="container"> 
      First Name<input type="text" /> 
     <input type="button" value="next" onClick="show();"/> 
    </div> 
</body> 
</html> 

기본적으로, 예를 들어, 정보에 대한 이름을 물어

여기 내 홈 페이지입니다. NEXT 버튼을 클릭하면 특정 페이지를 호출하는 자바 스크립트 함수를 호출하거나 ID 컨테이너로 div에로드 할 NEXT PAGE를 호출합니다.

다음 페이지에서 다음 페이지

, 그 다음에 예를 들면 성처럼, 또 다른 질문을 물어볼 것입니다. 그런 다음 이전 페이지로 돌아가 동일한 변경을하고 싶습니다. 여기

코드입니다 : 뒤로 버튼을 클릭하면

<script type="text/javascript"> 
     function show(){ 
      ajaxgetdata("index.php","","#container1"); 
    } 
</script> 
<div id="container"> 
Last Name<input type="text" /> 
what to make changes on the previous page?<input type="button" value="back" onClick="show();"/> 
</div> 

, 그냥 이전 페이지를 호출하지만, 텍스트 상자의 텍스트는 입력을 포함하지 않습니다.

나는 그냥 페이지를 호출하기 때문에 그런 일이 알고

..

는 방법이 있나요? 뒤로 버튼을 클릭하면 모든 내용/입력과 함께 이전 페이지가 다시로드됩니다.

: :(: '(:/:이 |.. 추가 페이지를로드하지 마십시오 AJAX와 함께 모든 것을 할

  • 을 원하지 않는 경우

  • +0

    양식 데이터를 어떤 방식 으로든 보존해야합니다. 너 뭐 해봤 니? – pmandell

    +0

    왜 다른 페이지를 만드나요? 이것은 작은 슬라이더 – Spokey

    +0

    아니요 아직 @pmandell로 쉽게 할 수 있습니다. 나는 어떻게 그럴 래? – QKWS

    답변

    0
    • , 일부 서버 측 스크립트 월 도움말 : D
    +0

    모든 것이 한 페이지에있게 될 것입니까? – QKWS

    +0

    @QKWS 그래, 그게 더 좋을 것 같아. 클라이언트 쪽에서 부드럽게, 서버 쪽에서 적은 코드, 한 작업을 처리하기위한 하나의 PHP 스크립트 파일. 덕분에 – dbanet

    0

    사이트에서 HTML5를 사용할 수 있다면, 당신은 당신이 데이터를 전달할 수있는 내비게이션을 처리하고 "popstate"이벤트를 발생 할 수있는 역사의 API를 살펴 걸릴 수

    . 여기에 좋은 예가 있습니다.

    window.addEventListener("popstate", function(e) { 
        if(!e.state || !e.state.firstName) { 
         return; 
        } 
    
        document.getElementById('firstName').value = e.state.firstName; 
    }); 
    

    당신이 뒤로 또는 앞으로 갈 때마다 트리거됩니다 심지어, 당신은 당신이 필요로하는 정보와 일부 기능 또는 배열을 구성 할 수 있습니다 :

    http://diveintohtml5.info/history.html

    은 당신이 뭔가를 할 수 있습니다.

    희망이 있습니다.

    +0

    . 그러나 그것은 단지 예시 일뿐입니다. 그것은 많은 입력이 될 것입니다. – QKWS

    +0

    쉽습니다. 배열을 사용하고 원하는 모든 입력을 저장하거나 리터럴 객체 (연관 배열을 사용하지 않음)를 사용하여 모든 데이터를 항상 보낼 수 있습니다. 양식을 반복하고 필드의 흐림 이벤트에 대한 모든 값을 저장하여 자동화 된 데이터 마이닝 프로세스를 가질 수도 있습니다. –

    +0

    또는 데이터가 그렇게 중요하지 않은 경우 게시물 대신 가져 오기를 통해 데이터를 보내고 다시 읽는 방법을 시도해 볼 수는 있지만 권장하지는 않습니다. 많은 주입 위험이 있습니다. –

    관련 문제