在异步 AJAX 回调中访问 DOM 元素返回未定义 [重复]

Question

我运行一个名为 hookUser 的函数每 2 秒查询一次数据库以检查用户是否在线，但它会引发此错误：

cannot read innerHTML of undefined

我怀疑是因为异步回调不在同一范围内？

问题是我无法将按钮对象传递给该回调，我可以这样做吗？如果没有，还有其他方法可以使这项工作吗？

感谢任何帮助。

            <script>
                function hookUser(user)
                {
                    console.log('HOOKED USER: '+user);
                     setInterval(
                         function(user)
                         {
                            var ajaxurl = 'checkonline.php',
                            data =  {'username':user};
                            $.post(ajaxurl, data, function (response) {
                                var button = document.getElementById('button_'+user);
                                if(response){
                                    console.log(user+'ONLINE');
                                    //button.innerHTML = 'ONLINE';
                                    //button.className = 'btn btn-xs btn-success';
                                }else{
                                    console.log(user+'ONLINE');
                                    //button.innerHTML = 'OFFLINE';
                                    //button.className = 'btn btn-xs btn-danger';
                                }
                            });
                         },2000);
                }
                </script>
...
<div class="col-md-3">
                            <div class="col-md-12 thumb-user " >
                            <div>
                            <button id='button_<?php echo $current_user;?>' class='btn btn-xs btn-success' >Unknown</button>
                            <?php echo '<script>hookUser(\''.$current_user.'\');</script>';?>
...

Answer 1

尽量在回调之前获取

...    
var button = document.getElementById('button_'+user);
$.post(ajaxurl, data, function (response) {
    console.log(button);
    ...

Answer 2

我的问题是我试图将一个参数添加到一个不能接受的函数中，因此该参数未为用户定义，因此基于用户 ID 的按钮未定义。

注意：对于任何试图复制此代码的人，请不要这样做，托管站点会认为您正在对它们进行 DDOS，而是立即从数据库中获取用户的项目，然后将其加载到数组中。

 console.log('HOOKED USER: '+user);
                     setInterval(
                         function()
                         {
                            var ajaxurl = 'checkonline.php',
                            data =  {'username':user};
                             var button = document.getElementById('button_'+user);
                            $.post(ajaxurl, data, function (response) {
                                if(response){
                                    console.log(user+'ONLINE');
                                    button.innerHTML = 'ONLINE';
                                    button.className = 'btn btn-xs btn-success';
                                }else{
                                    console.log(user+'ONLINE');
                                    button.innerHTML = 'OFFLINE';
                                    button.className = 'btn btn-xs btn-danger';
                                }
                            });
                         },2000);
                }