use $(this) in ajax callback jquery

Question

i'm doing a jQuery.post to a php file, and the file return's me a value.

the question is: why the $(this) dosent work in the callback function ? any alert passing something to show, using $(this), return's me null

$(".class").live("focusout", function(){

    jQuery.post("phpfile.php",
       {
           someValue: someValue
       },
       function(data)
       {
             // why the $(this) dosent work in the callback ?
       }                

    )

});

score 15 · Accepted Answer · answered Jun 10 '11 at 13:30

15

In that case this is not the same object anymore. Save a reference before and use later:

$(".class").live("focusout", function(){
    var $this = $(this);
    jQuery.post("phpfile.php",
       {
           someValue: someValue
       },
       function(data)
       {
           // 'this' inside this scope refers to xhr object (wrapped in jQuery object)
           var x = $this;
       }                
    )
});

answered Jun 10 '11 at 13:30

BrunoLM

94,090
80
289
441

5

Preferably, use [`.ajax()`](http://api.jquery.com/jQuery.ajax/) instead of `.post()` so you can set the `context` option. – Wiseguy Jun 10 '11 at 13:36
1

@Wiseguy: ty for the tip, will take a look on that. – Ricardo Binns Jun 10 '11 at 13:37

dotty · Answer 2 · 2011-06-10T13:53:26.577

2

$(".class").live("focusout", function(){
    var this = $(this);
    jQuery.post("phpfile.php",{
       someValue: someValue
   },function(data){
        // Now use this instead of $(this), like this.hide() or whatever.
   })
});

$(this) in your example was refering to the $.post i think.

edited Jun 10 '11 at 13:53

answered Jun 10 '11 at 13:31

dotty

38,389
65
144
195

2

Add a `var` declaration before your `this` call or it will leak the `this` variable into the global scope. – Femi Jun 10 '11 at 13:49

use $(this) in ajax callback jquery

2 Answers2

Linked

Related