返回上一页时变量未定义

Question

我在使变量未定义时遇到问题。基本上，当我转到另一个页面然后单击浏览器时，变量未定义并且脚本停止工作。但是，如果我刷新浏览器，它确实适用于初始加载。

//player admin callback
function getPlayerAdmin(admin_callback){
    var admin_data = false;
    var formData = {
        'player_id' : $('#post-v').attr('data-val')
    };

    $.ajax({
        type: 'post',
        url: '/popins/player/controls',
        data : formData,
        dataType : 'json',
        success: function(data) {
            admin_callback(data); 
        },
        error : function(jqXHR, textStatus, errorThrown){
            console.log(jqXHR);
        }
    });
}

//load youtube videos
function loadPlayerVideos(){
    var player_id = $('#post-v').attr('data-val');

    //get admin
    getPlayerAdmin(function(output) {

        console.log(JSON.stringify(output));

        if(output.controls.is_admin == true){
            admin_data = true;
        }else{
            admin_data = false;
        }
    });
}

返回的数据是：

{"controls":{"is_admin":true}}

我的问题是我得到一个“未捕获的 ReferenceError: admin_data is not defined”。

有人知道为什么变量未定义吗？

谢谢！

Answer 1

我之前也遇到过同样的问题。我认为这不是浏览器问题（我们谈论的是会话，即只读服务器端，在客户端上你只有令牌来识别你的会话）。

猜猜当你返回时服务器代码没有被执行（浏览器缓存了页面并且只会加载图片或javascript之类的资产）。 您可以使用 localStorage

改进这种检查客户端的行为

例子：

 localStorage.setItem('is_admin', 'true'); 

然后在 page1 中，添加这个客户端：

 if(localStorage.getItem('is_admin') === 'true'){

 } 

这个应该可以正常工作。希望对您有所帮助！