jquery: function parameter is undefined in success callback

Question

I am trying to access graphList within success callback, but graphList is undefined. I referred this StackOverflow post. However, I am not able to access elem. Any help would be appreciated.

getGraphData = function (graphList) {
 $.ajax({
 type: "GET",
 url: 'someURL',
 beforeSend: function(xhr){},
 success: function(result) {
   console.log(result);
   console.log(graphList);//undefined
 }
});
}

check your variable before `$.ajax({`. Because it seems nothing wrong. it should work — Deepak Sharma, Feb 24 '17 at 08:50
graphList is undefined, because graphList is not getting into your function — Gopesh Sharma, Feb 24 '17 at 08:56
@GopeshSharma: screenshot is not of the greatest quality, but you can still see its not undefined in #132 — user1556718, Feb 24 '17 at 09:11

score 0 · Answer 1 · answered Feb 24 '17 at 09:35

Added creating getGraphList function as below, I can access getGraphList inside success callback

var graphList;
var promise = graphInit(response);
promise.done(function(data){
  getGraphData(data.graphs)
}

graphInit = function(response,graphList){
  getGraphList = function(){return response.graphs;}
}

getGraphData = function (graphList) {
  $.ajax({
  type: "GET",
  url: 'someURL',
  beforeSend: function(xhr){},
    success: function(result) {
    console.log(result);
    console.log(graphList);//undefined
    graphList = getGraphList();//available
  }
});
}

jquery: function parameter is undefined in success callback

1 Answers1