javascript - js变量在ajax中不更新

Question

我使用 jstree 并希望使用新数据重新加载它，但无法将其发送到新数据。

var $driver = 0;

$(document).ready(function () {
    $('#tree_folder').jstree({
        'core': {
            'check_callback': true,
            "themes": {
                "responsive": false
            },
            'data': {
                type: "POST",
                url: "Doc.aspx/Folder",
                data: function () { return '{"driver":"' + $driver + '"}' },
                contentType: "application/json"
            }
        }
    });
});        


$(document).on('click', '.tile', function () {
    var $item = $(this);    
    var $driver = $item.attr('data-driver');    
    //  alert($driver);    
    $('#tree_folder').jstree('refresh');
});

单击时我得到了新值，它每次都会发送旧的默认数据。上面的警报函数中，尽管 json post send 默认值是用函数写入的，但它可以给我正确的值

function () { return '{"driver":"' + $driver + '"}' }

如何从变量中获取新值？

Answer 1

从.tile点击函数中删除$driver之前的var，因为您之前是创建全局的，

试试这个，

$(document).on('click', '.tile', function () {
    var $item = $(this);    
    $driver = $item.attr('data-driver');   // remove var from this line
    //  alert($driver);    
    $('#tree_folder').jstree('refresh');
});

还可以在jstree中使用cache:false，例如，

function getDriver() {
    return '{"driver":"' + $driver+ '"}';
}

$(document).ready(function () {
    $('#tree_folder').jstree({
        'core': {
            'check_callback': true,
            "themes": {
                "responsive": false
            },
            cache: false, // cache false
            'data': {
                type: "POST",
                url: "Doc.aspx/Folder",
                data: getDriver(), // get updated driver
                contentType: "application/json"
            }
        }
    });
});

另请查看change ajax options in jstree from server