Getting data from PHP script using $.get

Question

I am just trying to get the data returned (from a php script, the script is working fine)

$.post(
    "http://labs.*********.com/inc/ajax/till_status.php",
     {
          id:$("#potentialID").val()
     }
).done( function (data) {
    currentTillStatus = data;
});

And I want it to be placed into the variabled called currentTillStatus.

Where am I going wrong?

Okay, full code is here:

function checkStatus() {
    var currentTillStatus = null;
    $.post(
        "http://labs.*****.com/inc/ajax/till_status.php",
        {
            id:$("#potentialID").val()
    }).done(function (data) {
        currentTillStatus = data;
    });
    console.log("Till Status: " + currentTillStatus);
}


$(document).ready(function () {

    checkStatus();  
    setInterval(checkStatus,1000);

});

And result:

Till Status: null

Your title refers to $.get, but your code is using $.post. What is your PHP script expecting? — user1864610
– user1864610, Commented Nov 24, 2013 at 19:51
Well yes, I have a setInterval() to this code (function) with the line after this: console.log("Till Status: " + currentTillStatus); but I get Till Status: null — Chud37
– Chud37, Commented Nov 24, 2013 at 19:52
Post an example what are you returning from your AJAX. Because this codes seems to be fine. — Wagner Leonardi
– Wagner Leonardi, Commented Nov 24, 2013 at 19:52

Boaz · Accepted Answer · 2013-11-24 20:04:52Z

2

By default, jQuery's AJAX requests are asynchronous, so unless you've changed them to be synchronous (e.g. with ajaxSetup()), the console.log() call is made before the request is completed and the done callback is triggered, leaving currentTillStatus as null.

Consider moving the console.log() call into the done callback.

edited Nov 24, 2013 at 20:04

answered Nov 24, 2013 at 19:58

Boaz

20.3k9 gold badges68 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Chud37 Over a year ago

That was it! Thank you; I thought it must be something to do with the asynchronous part of it as that is the part I don't understand :) But thank you.

Abu Romaïssae · Accepted Answer · 2013-11-24 20:01:13Z

1

what you can probably do is:

function outputStatus( currentTillStatus ){
    console.log("Till Status: " + currentTillStatus);
}

function checkStatus() {
    $.post(
        "http://labs.*****.com/inc/ajax/till_status.php",
        {
            id:$("#potentialID").val()
    }).done(function (data) {
        outputStatus( data );
    });
}


$(document).ready(function () {

    checkStatus();  
    setInterval(checkStatus,1000);

});

Answer made before posting full source code

Make sure you define the currentTillStatus variable in the outside scope like

var currentTillStatus;
$.post(
    "http://labs.*********.com/inc/ajax/till_status.php",
     {
          id:$("#potentialID").val()
     }
).done( function (data) {
    currentTillStatus = data;
});

edited Nov 24, 2013 at 20:01

answered Nov 24, 2013 at 19:54

Abu Romaïssae

3,8915 gold badges40 silver badges60 bronze badges

5 Comments

Chud37 Over a year ago

Sorry, I have just posted the full code above, and I am doing that.

Abu Romaïssae Over a year ago

Then you won't have your value inside that variable, you console.log executes before the return of the ajax request

Abu Romaïssae Over a year ago

@Chud37 I've updated with a way you can use as a work-arround

Chud37 Over a year ago

Thank you for your help! Sorry I should have pasted the full code before hand :S

Abu Romaïssae Over a year ago

@Chud37 No problem, it happens a lot around here :)

Collectives™ on Stack Overflow

Getting data from PHP script using $.get

2 Answers 2

1 Comment

Answer made before posting full source code

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Answer made before posting full source code

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related