Post-Variablen durch Ajax übergeben

Ich habe einen Link:

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

was einen Ajax-Aufruf auslöst

$(".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;
    });

Aber in der Konsole sehe ich folgendes:

TypeError: e is undefined

Die Ajax-Datei wird verarbeitet, aber die POST-Daten sind leer, und die Erfolgsaktionen finden nicht statt, sodass sie mit Nullen gepostet werden und die Klassen nicht geändert werden

Ich habe gestarrt und gestarrt … irgendetwas Offensichtliches?

this wird nicht automatisch an die AJAX-Callback-Funktion übergeben. Du kannst den … benutzen context: Parameter, um jQuery anzuweisen, es zu übergeben:

    $.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');
        }
    });

Sie senden Ihre Daten falsch, rufen Sie Ihre Variablen nicht in einfachen Anführungszeichen auf.

$(".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;
    });