Question

我有一个链接：

<a class="tag" wi_id="3042" wl_id="3693" for_user_id="441" href="#a">

触发ajax调用

$(".tag").click(function() {
        var for_user_id = $(this).attr("for_user_id");
        var wl_id = $(this).attr("wl_id");
        var wi_id = $(this).attr("wi_id");
        $.ajax({
            type: "POST",
            url: "/ajax/actions/tag.php",
            data: { 
                'for_user_id': 'for_user_id', 
                'wl_id': 'wl_id',
                'wi_id': 'wi_id'
            },
            success: function(data){
                $(this).text("You've tagged this");
                $(this).closest('.gl_buttons_holder').toggleClass('gl_buttons_holder gl_buttons_holder_tagged');
                $(this).closest('.gl_buttons').addClass('tagged');
            }
        });
        return false;
    });

但在控制台中我看到以下内容：

TypeError: e is undefined

ajax文件被处理但POST数据为空，并且不会发生成功操作，因此它会以零发布并且类不会更改

我凝视着，盯着......什么明显的？

Answer 1

this不会自动传递给AJAX回调函数。您可以使用context:参数告诉jQuery传递它：

    $.ajax({
        type: "POST",
        url: "/ajax/actions/tag.php",
        data: { 
            'for_user_id': for_user_id, 
            'wl_id': wl_id,
            'wi_id': wi_id
        },
        context: this,
        success: function(data){
            $(this).text("You've tagged this");
            $(this).closest('.gl_buttons_holder').toggleClass('gl_buttons_holder gl_buttons_holder_tagged');
            $(this).closest('.gl_buttons').addClass('tagged');
        }
    });

Answer 2

您发送的数据错误，请勿在单引号内调用您的变量。

$(".tag").click(function() {
        var for_user_id = $(this).attr("for_user_id");
        var wl_id = $(this).attr("wl_id");
        var wi_id = $(this).attr("wi_id");
        $.ajax({
            type: "POST",
            url: "/ajax/actions/tag.php",
            data: { 
                'for_user_id': for_user_id, 
                'wl_id': wl_id,
                'wi_id': wi_id
            },
            success: function(data){
                $(this).text("You've tagged this");
                $(this).closest('.gl_buttons_holder').toggleClass('gl_buttons_holder gl_buttons_holder_tagged');
                $(this).closest('.gl_buttons').addClass('tagged');
            }
        });
        return false;
    });

通过ajax传递post变量

2 个答案: