웹 Storage를 사용하여 사용자 데이터를 조작하는 Firefox OS 애플리케이션 프로그래밍

3732 단어 JavaScriptFirefoxOS

개요


응용 프로그램을 만들 때 사용자 ID나 각종 설정 등 작은 데이터가 영구적이거나 비영구적으로 저장되어야 하는 경우가 종종 발생한다.Firefox OS에서는 웹 Storage를 사용하여 이러한 요구 사항을 충족할 수 있습니다.
웹 스토리지
  • sessionStorage
  • localStorage
    • 의 두 객체입니다.전자는 응용 프로그램이 끝날 때까지, 후자는 응용 프로그램이 끝난 후에도 데이터를 지속적으로 유지할 수 있다.Web Storage는 동일한 소스 생성 정책을 적용하여 서로 다른 애플리케이션 간에 데이터를 공유할 수 없음(확인되지 않음)
    세션 스토어와 local Storage에서 다음과 같은 기본 방법이 준비되어 있습니다.
  • getItem('key');// 키 값 가져오기
  • setItem('key', value);//키 키에value값 설정
  • removeItem 그룹 삭제("key")//키 값
  • clear();//모든 키 값 세트 삭제

    • 이루어지다


    사용자가 사용자 이름을 입력하고 저장할 수 있는 프로그램을 설치해 보십시오.manifest.나는 적당히 웹 페이지를 만들 것이다.웹 스토어에 대한 특별한 권한 설정은 필요 없습니다.
    사용자 이름을 설정하지 않으면 테스트 프로그램은 사용자 이름 입력 대화상자를 출력하고 사용자 이름을 입력합니다.사용자 이름을 이미 설정한 경우 해당 사용자 이름을 내보내고 사용자 이름 설정을 삭제합니다.보통 이런 경우는 없지만 시험이니까요.
    이것을 실현한 것은 아래의 HTML 파일입니다.
    web_storage.html
    <html>
<head>
    <meta charset="utf-8">
    <title>Web Storage Test Page</title>
</head>
<body>
<script>
    const USER_NAME_KEY = 'user_name_key';

    var userName = localStorage.getItem(USER_NAME_KEY);
    if (userName !== null) {
        alert(userName);
        // delete user name for localStorage test.
        localStorage.removeItem(USER_NAME_KEY);
    } else {
        var newUserName = prompt('Please Enter Username', '');
        // set use name to localStorage.
        localStorage.setItem(USER_NAME_KEY, newUserName);
    }
</script>
</body>
</html>
    이번에 local Storage를 사용했는데 여기를 세션 Storage로 바꿔도 똑같이 움직인다.
    캡처하다.

    오디오 요소 중 어떤 사건이 발생할지 조사
    간단한 4단계로 dbt 스키마 테스트 레벨 업

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage