2013-02-11 66 views
14

Cordova/PhoneGap中的HTML5本地存儲是否工作?我正在嘗試使用HTML5方式和文檔中指定的方式。既沒有工作。Cordova中的HTML5本地存儲

具體而言,我想爲本地存儲使用ajax查詢結果。我已經測試了這個查詢,它工作。

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
    <meta name="format-detection" content="telephone=no"> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi"> 
    <title>Hello World</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"> 

    </script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("form").submit(function() { 

       var uname = document.getElementById("username").value; 
       var pword = document.getElementById("password").value; 
       var postData = { 
        username: uname, 
        password: pword 
       }; 

       $.ajax({ 
        url: "http://www.yellowcabsavannah.com/test.php", 
        type: "POST", 
        data: postData, 
        async: false, 
        dataType: 'json', 
        cache: false, 
        success: function (data) { 
         localStorage.uname = data.username; 
         localStorage.pword = data.password; 
         alert(localStorage.uname); 
        } 
       } 
       }); 
      return false; 
      }); 
     }); 
    </script> 
</head> 

<body> 
    <form action=""> 
     <input type='text' id="username" name="username" placeholder="Username"> 
     <br> 
     <input type='password' id="password" name="password" placeholder="password"> 
     <br> 
     <input type="submit" id="submit" value="Login"> 
    </form> 
</body> 

+0

你確定你測試的環境是否支持HTML5 localc存儲? – 2013-02-11 01:55:57

+0

它在PhoneGap中沒有任何問題。請向我們展示您的代碼,以便我們查看是否有任何問題。 – 2013-02-11 01:56:20

+0

如何測試本地存儲支持的環境? – copilot0910 2013-02-11 01:57:45

回答

31

我使用本地存儲這樣的:

// To store a value 
window.localStorage.setItem('key', value); 

// To retrieve a value 
value = window.localStorage.getItem('key'); 

// To delete a storage 
window.localStorage.removeItem('key'); 

希望有所幫助。

+0

這就是我做的,它的工作!謝謝。 IDK之前爲什麼沒有工作,但你的代碼工作得很好。 – copilot0910 2013-02-11 13:25:10

+0

添加「窗口」。似乎有竅門。 – 2015-12-04 23:19:30

4

我使用科爾多瓦構建Android應用和我能夠保存本地存儲變量與window.localStorage [「用戶名」],如:

window.localStorage['username'] = data.username

它像一個PHP關聯數組。

希望可以幫到