글로벌 개체를 사용하여 새 페이지로 이동

Question

나는 웹 사이트를 구축하고 있습니다 ... 양식을 page1.html에 작성한 후 모든 필드를 전역 개체에 저장하고 다른 페이지 (page2.html)로 이동하려고합니다. page2.html에서 나는 그 매개 변수를 얻는다고 생각했습니다.

나는 탐색 버튼을 만들어 :

<a href= "page2.html"><input type="submit" name="submit" id="submit1" value="Go" /> </a> 

그리고 page1.html의 끝 부분에 기능을 추가 :

<script> 
    $("#submit1").click(function() { 
    shareObject = new Object(); 
    shareObject.name = $("#name").val(); 
    shareObject.email = $("#email").val(); 
    shareObject.phone = $("#phone").val(); 
    shareObject.address= $("#address").val(); 

    window.shareObject = shareObject; 
    }); 
</script 

내가 공유 개체의 속성에 의해 그 값을 얻을 수 page2.html의 생각 - shareObject, 예 :

그러나 page2.html은 shareObject을 인식하지 못합니다.

왜 그런가? 아니면 그것을 구현하는 것이 더 좋은 아이디어일까요?

Answer 1

원하는 방식으로는 사용할 수 없지만 다음과 같은 방법으로 가능합니다.

1. HTML5 로컬 스토리지 용도 : localStorage.setItem() &의 getItem()
2. HTML5 sessionStorage 상기와 동일.
3. 로컬 쿠키. window.cookie
4. HTML5 websql http://slides.html5rocks.com/

Answer 2

페이지가 다시로드되면 모든 JavaScript 변수가 재설정됩니다. 귀하의 사이트가 정적 경우 귀하의 웹 사이트가 당신이 그것을 구현하는 더 나은 방법이 새로운 변수 어쩌면

Answer 3

아이디어로 새 페이지를 서버에이 변수를 전달하고 렌더링 할 수있는 동적 인 경우, 당신은, 부분적으로 다른 페이지를 업데이트 ajax를 사용해야합니까?

왜 다른 페이지로 이동해야합니까? 왜 폼의 다른 부분을 보이지 않게 보이게 만듭니 까?