</div>
</div>
<div class="grid--cell mb0 mt4">
<a href="/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call" dir="ltr">How do I return the response from an asynchronous call?</a>
<span class="question-originals-answer-count">
(38 answers)
</span>
</div>
<div class="grid--cell mb0 mt8">Closed <span title="2017-03-17 07:00:17Z" class="relativetime">3 years ago</span>.</div>
</div>
</aside>
I get nickname, attack_point data using ajax
var nickname;
$.ajax({
method:'GET',
url:get_gamestart_api_url,
}).done(function(data){
$get_id.append("<li class='nickname'>" character.nickname+"</li>",
"<li class='attack_point'>" character.status.attack_point+"</li>",
);
nickname=character.nickname;
});
console.log(nickname);
The script shows me undefined.
I think console.log(nickname); was executed before done(). Why is this happening?
plase somebody help me thank you :)
</div>
The console.log(nickname); was executed before .done() because Ajax request are asynchronous, which means they are procesed in the background. That means that the program isn't necesarily executed in the order you wrote it. If you want console.log(nickname); to be executed once the Ajax request is done, you should include it in the .done() function