global variable is showing blank always in jquery

Question

I have created a global variable in jquery. then i created a function in which i making jquery get call and setting the response var to global variable. when i am doing console.log to that global var, it is showing blank always. the code i did is

var currentname = "";
function getcurrentname() {
    $.get(
        url
    ).success(function(response) {
        response = JSON.parse(response);
        currentname = response.name;
    });
}
getcurrentname();
console.log(currentname);

so what should i do use that variable globally.

`.get()` is asynchronous so your `console.log` is executed before the .`get()` finishes. Move the `console.log` into the success function. — j08691, Jul 25 '17 at 16:05
Actually, you created a global variable in `JavaScript`. You are already using it globally. The only use of jQuery in your code is making an `asynchronous` call that, _when successful_ (hint), assigns a value to your variable. — chazsolo, Jul 25 '17 at 16:09
Possible duplicate of [How do I return the response from an asynchronous call?](https://stackoverflow.com/questions/14220321/how-do-i-return-the-response-from-an-asynchronous-call) — freedomn-m, Jul 25 '17 at 16:22

score 0 · Answer 1 · answered Jul 25 '17 at 16:20

0

You should use async : false in ajax request

answered Jul 25 '17 at 16:20

PHP Warrior

21
4

any example for this. – Upendra Sharma Jul 25 '17 at 16:21
1

No, you shouldn't, you should refactor the code to handle async. – freedomn-m Jul 25 '17 at 16:21
You can use this code $.ajax({ url: url, async:false, complete: function (response) { response = JSON.parse(response); currentname = response.name; } }); – PHP Warrior Jul 25 '17 at 16:51

global variable is showing blank always in jquery

1 Answers1