How can i access the objects variable inside an objects function (javascript)?

Question

(function () {
    var id="test";
    $.ajax({
       context: this,
       url : "http://weather.yahooapis.com/forecastrss",
       success : function(data){
            this.id = "was test";
       }
    });
    console.log(id);
})();

The previous question wasn't clear enough so hear is what the question really is. When I'm doing console.log(id) it doesn't show the changed value. What I'd like to get is the changed value of id. How can I achieve this, I've tried all the solutions in the comments and the given answers as well but none has worked for me?

A jsFiddle will be highly appreciated.

Have a look at this http://stackoverflow.com/questions/111102/how-do-javascript-closures-work — davy, Jul 29 '13 at 11:11
@KamranAhmed closing success callback using `});` instead of `}` — A. Wolff, Jul 29 '13 at 11:21
@roasted that was a typing mistake. I'm trying something different — Adnan Ahmed, Jul 29 '13 at 11:24
you are trying something different than your posted code?! So why not posting the 'something different' code?... — A. Wolff, Jul 29 '13 at 11:25
@roasted I think that's not a big deal, **he is trying to access the object property inside the for each loop of another object** so I think the code posted is enough to make us understand what he is asking. — Kamran Ahmed, Jul 29 '13 at 11:30

Naor Biton · Answer 1 · 2013-07-29T12:15:02.207

In getTodayCats:

var self = this;

And then when need to access ids, you should get it like this:

self.ids

The usage of the self, this pattern is made in this case since you need to access a property of this in an asynchronous callback handler(ajax success). Handlers for asynchronous callbacks are called without the original this object, so this is used to utilize the function's closure to pass in the original.

In case of the jQuery's ajax method, you could also use the context option to pass in the this object which will be used for its callback handlers. It's up to you on whether you use it. I personally prefer not to, since this isn't an option for other async handlers such as in the case of timeout and intervals, and I prefer to keep it consistent.

$.ajax get an option for that, the `context` option – A. Wolff Jul 29 '13 at 11:22 — A. Wolff, Jul 29 '13 at 11:22
Thank you for mentioning this. – Naor Biton Jul 29 '13 at 12:15 — Naor Biton, Jul 29 '13 at 12:15

score 0 · Answer 2 · answered Jul 29 '13 at 11:20

0

 $.ajax({
     url: "http://localhost/woodenspoon/getTodaysCats.php",
     contentType: "application/json; charset=utf-8",
     dataType: "json",
     responseType: "json",
     context: this,
     success: function (data) {

         this.ids = "ok";

     }
 });

answered Jul 29 '13 at 11:20

A. Wolff

74,033
9
94
155

what'd you say about the updated code, I've tried your way but it didn't work for me!! – Kamran Ahmed Jul 29 '13 at 12:11

abipc · Answer 3 · 2013-07-29T11:40:28.773

0

Access "ids" this way-

getTodaysCats: function () {

    var args = Array.prototype.slice.call( WinJS.UI.Pages.define.arguments);
    var ids = args[1].ids;
    $.ajax({               
        ...
        , success: function (data) {
            var arr = new Array(1,2,3,4,5);
            foreach(var num in arr)
                ids += "ok";    
        }
    });

    return ids;
}

edited Jul 29 '13 at 11:40

answered Jul 29 '13 at 11:31

abipc

997
2
13
35

score -1 · Answer 4 · answered Jul 29 '13 at 11:09

-1

try using something like this...

${variable}

answered Jul 29 '13 at 11:09

Mark McK

84
2
2
12

How can i access the objects variable inside an objects function (javascript)?

4 Answers4