Value get null after ajax call and stored into global variable

Question

0.00/5 (No votes)

See more:

i declare one global variable. their is one function in which contain the ajax call and after success the responce stored into tmp value but out side of scope the value of tmp is not persist into alert why i dont no any other solution on it.

What I have tried:

Var tmp=null;

function Fn()
{
var PlantName = function () {
                        var dataPlantName = $.Deferred();
                        $.ajax({
                            type: "POST",
                            contentType: "application/json; charset=utf-8",
                            url: "WebService1.asmx/GetPlantMapName",
                            dataType: "json"
                        }).done(function (response) {
                            //console.log(response.d);
                            dataPlantName.resolve(response.d.data);
                            tmp = response.d.data;                            
                        });
                        return dataPlantName.promise();
                    } ();

alert(tmp);
};

Posted 12-Apr-17 20:26pm

Member 12893295

Updated 2-Dec-19 23:56pm

Add a Solution

Comments

F-ES Sitecore 14-Apr-17 10:15am

It is persisting, the problem is that your alert is running before the tmp variable is set. ajax calls happen in the background while your code continues to run, so your code doesn't stop at $.ajax waiting for the done event, instead it continues on so your alert is empty.

If you want something to happen when the tmp variable is set then write that code in the done event.

Member 12893295 16-Apr-17 10:52am

Thanks it working for me.

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Karthik_Mahalingam · Accepted Answer · 2017-04-12T21:31:00

Solution 1

add

JavaScript

async:false

refer jQuery.ajax() | jQuery API Documentation[^]

Posted 12-Apr-17 21:31pm

Karthik_Mahalingam

Comments

Member 12893295 13-Apr-17 4:22am

Got and error like Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience

Karthik_Mahalingam 13-Apr-17 4:33am

its a warning, not an error
which version of jquery are you using?

Member 12893295 14-Apr-17 1:31am

jquery-1.12.4.js actually i have ajax call inside ajax call so the async =false settitng will impact on other ajax call????

Karthik_Mahalingam 14-Apr-17 1:34am

try like this

$.ajax({
    type: "POST",
    url: "WebService1.asmx/GetPlantMapName",
    contentType: "application/json; charset=utf-8", 
    dataType: "json",
    async: true,
    success: function (result) {
    }
});