Question

I have this code

    $.post("recommend.php",{"jid":jid,"vid":vid,"eid":eid},function(data){
        if(data=="1")
            {
                $(this).text("Recommended");

            }
            else
                {
                    $(thelink).text("Recommend");
                }
    });

the post is executed properly but the text on the link is NOT changing though data is equal to 1. Any help…

Answer 1

this refers to the current context. In your AJAX callback it is different from the one of your calling function.

However, you can simply preserve it by using var $this = $(this); and then use $this inside the callback instead of $(this);

var $this = $(this);
$.post("recommend.php", {
    "jid": jid,
    "vid": vid,
    "eid": eid
}, function (data) {
    if (data == "1") {
        $this.text("Recommended");
    } else {
        $(thelink).text("Recommend");
    }
});

Of course another name would work, too. For example to preserve a plain this lots of people use self or that.

Another solution would be using $.ajax({ context: this, ...... })); to keep the same context inside the callback (if unspecified, this points to the options object passed to $.ajax())