php - 将变量保存到Localstorage，然后发送到Mysql DB

Question

首先很抱歉我的英语不好，但我希望你能理解我的请求。

我正在开发 Phonegap 应用程序。用户可以通过支付提供商购买 VIP 身份。我想使用本地存储和 mysql，但由于缺乏我的知识，我遇到了问题。我用谷歌搜索了很多，但因为一切都是英文，所以对我来说真的很难学习。

我想要的是，下载后在手机上启动的第一个应用程序会生成一个随机的唯一用户名或数值，并将其作为变量保存在本地存储上。它还应该将一个名为“vip”的变量保存到本地存储并将其设置为0。并且它需要检查变量是否已经设置，然后应用程序不需要执行任何操作。

这些变量应该发送到 mysql 表，我们称之为“用户”。

示例:用户表

+---------+-------------+
| username| vip         | 
+---------+-------------+
 A7w893579       0

所以变量被保存在本地存储和mysql数据库中。用户通过支付提供商进行付款后，变量“vip”需要设置为 1 并将其获取到正确的用户名，并将 1 保存到用户表上用户的 vip 行中。

我需要任何方法来执行以下功能:如果 vip 状态为 1，则显示在网站上的 iframe vip.html 中。如果其为 0，则在网站上显示 novip.html。

你有什么想法我该怎么做吗？我读过一些有关 Ajax Calls 的内容，但我理解不正确。如果有人有一些代码片段，我将非常感谢。我不需要完整的代码，我只需要阅读它并尝试理解。

谢谢!

Answer 1

我不确定您的看法如何，但您可以按照以下步骤执行您想要的操作。

1. 应用程序启动时正确加载 Cordova。火灾onDeviceReady
2. 计算您的用户名、任意随机组合并将其保存在localStorage中
3. 通过 ajax 调用将用户名和 VIP 状态发送到您的 php 服务器
4. 根据您的服务器响应显示用户 iframe，即 vip.html 或 novip.html

第 1 步:在以下代码的帮助下加载cordova所需的所有功能。

// this call and loads all cordova function which are required. 
//Device ready is fired when it is loaded successfully.    
    document.addEventListener("deviceready", onDeviceReady, true); 
                // Handle what your application wants to do first
                // Save username and vip status, call ajax using to php server
                function onDeviceReady() {
                    var username="calculate username";
                    var vipStatus=0; //or 1
                    }

第 2 步:将数据存储在本地存储中。有两种使用本地存储的方法。原生 Cordova 的做法。

// set value
window.localStorage.setItem("key", "value");
// get value back
var value = window.localStorage.getItem("key");

但是我更喜欢直接存储在 localStorage 中，我不使用键值对。易于存储和访问。

//store in localStorage
localStorage.vipStatus=0; // or 1
// to get back the value
var Status=localStorage.vipStatus;

第 3 步:对您的 php 服务器进行 ajax 调用。请参阅 Jquery Ajax here示例代码如下

$.ajax({
     type: "POST",
     url: "http://localhost:3001/",
     dataType: 'json',
     data: JsonData,
     async: false,
     crossDomain: true,
     success: function(data) {
         alert('success');
     },
     error: function(response, text, err) {
         alert(err);
     }
 });

第4步:根据vip状态显示正确的页面

我认为你需要在一开始就实现所有的事情，所以你应该在 onDeviceReady 中实现它们如下

document.addEventListener("deviceready", onDeviceReady, true);
// Handle what your application wants to do first
// Save username and vip status, call ajax using to php server
function onDeviceReady() {
    // calculate username
    var username = "calculate username";
    // set status
    var vipStatus = 0; //or 1.
    // store in localstorage
    localStorage.vipStatus = vipStatus;
    // set up json i.e send username and vipstatus to server 
    // make ajax call
    $.ajax({
        type: "POST",
        url: "http://localhost:3001/",
        dataType: 'json',
        data: JsonData,
        async: false,
        crossDomain: true,
        success: function(data) {
            alert('success');
            if (status == 0) {
                // its 0 so show novip.html
                window.location.href = "novip.html";
            } else {
                //its 1 so show vip.html
                window.location.href = "vip.html";
            }
        },
        error: function(response, text, err) {
            alert(err);
        }
    });
}