복붙노트

[JQUERY] HTML 페이지 간의 데이터 공유

JQUERY

HTML 페이지 간의 데이터 공유

해결법


  1. 1.왜 HTML5 스토리지에서 당신의 가치는 sessionStorage 또는 로컬 스토리지로 객체를 저장하지 않는, 더 자세한 정보를 얻기 위해 HTML5 저장 문서를 참조하십시오. 이 사용 일시적 / 영구적으로 로컬 중간 값을 저장하고 나중에 값을 액세스 할 수 있습니다.

    왜 HTML5 스토리지에서 당신의 가치는 sessionStorage 또는 로컬 스토리지로 객체를 저장하지 않는, 더 자세한 정보를 얻기 위해 HTML5 저장 문서를 참조하십시오. 이 사용 일시적 / 영구적으로 로컬 중간 값을 저장하고 나중에 값을 액세스 할 수 있습니다.

    세션 값을 저장하려면 :

    sessionStorage.getItem('label')
    sessionStorage.setItem('label', 'value')
    

    이상 영구적으로 :

    localStorage.getItem('label')
    localStorage.setItem('label', 'value')
    

    당신은 당신도 다시로드 후 유지할 수 HTML5 저장 영역 오브젝트를 사용하여 여러 페이지 사이에 (일시적으로) 양식 데이터를 저장할 수 있습니다 ..


  2. 2.나는 이것이 이전 게시물입니다 알지만, 내 두 센트를 공유 할 거라고 생각. 당신이 sessionStorage.getItem ( '라벨'), 및 sessionStorage.setItem 사용할 수 있다는 점에서 @Neji가 올바른지 ( '라벨', '값') (그 뒤로 setItem 매개 변수를 가지고 있지만, 아니 큰 거래). 내가 훨씬 더 다음을 선호하는, 내가 더 간결 생각 :

    나는 이것이 이전 게시물입니다 알지만, 내 두 센트를 공유 할 거라고 생각. 당신이 sessionStorage.getItem ( '라벨'), 및 sessionStorage.setItem 사용할 수 있다는 점에서 @Neji가 올바른지 ( '라벨', '값') (그 뒤로 setItem 매개 변수를 가지고 있지만, 아니 큰 거래). 내가 훨씬 더 다음을 선호하는, 내가 더 간결 생각 :

    var val = sessionStorage.myValue
    

    getItem를 대신하고

    sessionStorage.myValue = 'value'
    

    setItem을 대신합니다.

    또한, 자바 스크립트 객체를 저장하기 위해, 그들을 설정도 캐릭터 라인 등처럼 그들을 얻기 위해 분석해야 함을 유의해야한다 :

    sessionStorage.myObject = JSON.stringify(myObject); //will set object to the stringified myObject
    var myObject = JSON.parse(sessionStorage.myObject); //will parse JSON string back to object
    

    그 이유는 방금 sessionStorage.object = myObject에 당신이 얻을 모든 너무 많이 도움이되지 않습니다 [개체 개체]라고 그렇다면, 문자열로 그 sessionStorage를 저장 전부입니다.


  3. 3.당신은 당신이 해시 태그를 사용하여 자바 스크립트에 의해 사용되는 단지 데이터를 전송하려는 가능성이있는 경우 이 같은

    당신은 당신이 해시 태그를 사용하여 자바 스크립트에 의해 사용되는 단지 데이터를 전송하려는 가능성이있는 경우 이 같은

    http://localhost/project/index.html#exist
    

    그래서 당신이 가져 오는 중 오류 완료되면 데이터가 메시지를 표시하고 나면 변경 당신이 해시 태그가있을 실 거예요 페이지를 새로 것이다 지금 때마다 .. 적절한 값으로하면 window.location.hash 참고 : 데이터 인하여 전송이 자궁강 할 수없는이 대신 해주 쿼리 문자열을 사용할 때 / 서버에서 읽기


  4. 4.글쎄, 당신은 실제로 자바 스크립트를 통해 데이터를 보낼 수 있습니다 -하지만 당신이 # 1은 그것의 XSS 같은 웹 페이지에 소스를 활용할 것을 알고 있어야합니다 :)

    글쎄, 당신은 실제로 자바 스크립트를 통해 데이터를 보낼 수 있습니다 -하지만 당신이 # 1은 그것의 XSS 같은 웹 페이지에 소스를 활용할 것을 알고 있어야합니다 :)

    나는 개인적으로 서버 측에서 자바 스크립트 데이터를 대신 HTML의 포뮬러를 사용하고 수정하는 것이 좋습니다 것입니다.

    두 페이지 사이를 공유하려는 경우에 브라우저를 허용하는 CORS 헤더를 지정해야하지만 (즉, 둘 사이-백엔드 모두 구동 페이지를 공유 이해하지 않기 때문에 나는 그들이 로컬 호스트에없는 모두 가정) 허용 된 도메인으로 데이터를 전송합니다.

    이 두 링크는 ​​노드 백엔드를 통해 예를 보여줍니다, 당신을 도울 수 있지만 어떻게 작동하는지 당신은 포인트를 얻을 :

    링크 1

    그리고, 물론, CORS 사양 :

    링크 2

    ~ 건배

  5. from https://stackoverflow.com/questions/11609376/share-data-between-html-pages by cc-by-sa and MIT license