javascript - 如何使用phonegap为移动应用程序创建安全页面

Question

我正在开发一个简单的移动应用程序，我使用 HTML、CSS、Javascript、ajax、PHP、Mysql 和 Phonegap。移动应用程序有一个登录，我使用 ajax 将数据发送到位于单独服务器上的 php 文件，如果登录成功，应用程序将加载不同的页面，只有注册的用户才能看到此页面。

我面临的问题是，当我进入下一页时，我不知道如何验证用户是否具有访问权限。我正在考虑使用窗口变量或本地存储，但我不知道这是否是一个好主意。

有人可以给我指出关于这个主题的正确方向吗？

Answer 1

坐下来思考。如果用户注册/登录 ajax 调用，请使用 localStorage.setItem。稍后以简单的方式控制它。检查this例子。 Ajax 调用:

$.ajax({
                    type: "POST",
                    url: "http://exampleUrl.com/php1/insert.php",
                    data: dataString,
                    crossDomain: true,
                    cache: false,
                    beforeSend: function() {
                        $("#insert").val('Connecting...');
                    },
                    success: function(data) {
                        if (data == "success") {
                            alert("You can login now!");
                            $("#insert").val('Wait...');
                            localStorage.setItem("logged", logged); // Save if user is successfuly registered and control on other page
                            //console.log(dataString);
                            loadiranje_paIndex();
                        } else if (data == "error") {
                            alert("Error! Try another username!");
                            $("#insert").val('Register');
                            /*location.href = '/register.html'; */
                        }
                    }
                });