jquery ajax 回调变量作用域(为什么有些在作用域中，而另一些则不在作用域中）

jquery ajax callback variable scope (why are some in scope and others not)

本文关键字：作用域 ajax 为什么 jquery 回调 变量      更新时间：2023-09-26

我是Javascript和jQuery的新手，对下面的代码和结果感到困惑。

为什么我的golfer_name在范围内，而我的team_id不在范围内？ 我该如何解决它？它似乎是数组，并且变量设置为等于回调中不可用的数组元素。

j查询代码

function submit_pick( sender ) {
    var names = sender.attr('name').split('-');
    var team_id = names[0];
    var tournament_id = names[1];
    var pick_number = names[2];
    var golfer_id = sender.val();
    var golfer_name = sender.find("option:selected").text();
    var senders_parent = sender.parent().get(0);
    sender.remove();
    $(senders_parent).html('submitting pick...');
    jQuery("#testdiv").append("submit pick before ajax request: "+names+', '+team_id+', '+tournament_id+', '+pick_number+', '+golfer_id+', '+golfer_name+'<br />');
    jQuery.post(fantasy_golf.ajaxurl, 
                {'action' : 'insert_pick',
                 'team_id' : team_id,
                 'tournament_id' : tournament_id,
                 'pick_number' : pick_number,
                 'golfer_id' : golfer_id
                },
                function(response) {
                    if (response) {
                        jQuery("#testdiv").append("submit pick after response: "+names+', '+team_id+', '+tournament_id+', '+pick_number+', '+golfer_id+', '+golfer_name+'<br />');
                    }
                },
                'text'
     );
}

#testdiv 的结果

submit pick before ajax request: 10,2,1, 10, 2, 1, 22, Aaron Baddeley
submit pick after response: undefined, undefined, undefined, undefined, 22, Aaron Baddeley

我觉得有趣的是，注释掉的代码行（最初没有注释掉）导致了上述错误，即使它们是在我认为的问题代码行之后。

我很抱歉在我的问题之前没有注释掉所有额外的代码行，我正在移动一些代码，新的我仍然需要查看下面的代码，我只是从未想过它会导致高于这一点的问题。

感谢所有帮助过的人。

function submit_pick( sender ) {
    var names = sender.attr('name').split('-');
    jQuery("#testdiv").append(sender.attr('name')+"<br />");
    var team_id = names[0];
    var tournament_id = names[1];
    var pick_number = names[2];
    var golfer_id = sender.val();
    var golfer_name = sender.find("option:selected").text();
    var senders_parent = sender.parent().get(0);
    sender.remove();
    $(senders_parent).html('submitting pick...');
    jQuery("#testdiv").append("submit pick before ajax request: "+names+', '+team_id+', '+tournament_id+', '+pick_number+', '+golfer_id+', '+golfer_name+'<br />');
    jQuery.post(fantasy_golf.ajaxurl, 
                {'action' : 'insert_pick',
                 'team_id' : team_id,
                 'tournament_id' : tournament_id, 
                 'pick_number' : pick_number,
                 'golfer_id' : golfer_id 
                },
                function(response) {
                    if (response) {
                        jQuery("#testdiv").append("submit pick after response: "+names+', '+team_id+', '+tournament_id+', '+pick_number+', '+golfer_id+', '+golfer_name+'<br />');
//                            var names = $this.attr('id').split('-');
//                            var pick_id = names[1];
//                            var team_id = names[2];
//                            var tournament_id = names[3];
//                            var pick_number = names[4];
                    }
                },
                'text'
    );
}
相关文章：