problem with ajax call of json and php

Question

i have one AJAX function getting results from php file as bellow

$.ajax({
             type: "POST",
             url: "GeteT.php",
             cache:false,
             data:"id="+ encodeURIComponent(1),
             dataType:'json',
             success: function(json)
             {
         g_foo = json.foo;
         }
        });

now i want to use the value of g_foo but i can't i try using console.log but i am facing strange problem. like

if i use function like that

       $.ajax({
         type: "POST",
         url: "GeteT.php",
         cache:false,
         data:"id="+ encodeURIComponent(1),
         dataType:'json',
         success: function(json)
         {
     g_foo = json.foo;
        console.log(g_foo);
     }
    });

now i can see the value return from php file

if now i use function like that

         $.ajax({
         type: "POST",
         url: "GeteT.php",
         cache:false,
         data:"id="+ encodeURIComponent(1),
         dataType:'json',
         success: function(json)
         {
     g_foo = json.foo;

     }
    });
        console.log(g_foo);

now i got error undefined g_foo;

thanks

Andreas Wong · Accepted Answer · 2011-07-30 11:08:21Z

3

As ajax is asynchronous, there's no way of making sure that g_foo is available as soon as you call the $.ajax() request, hence it's not available outside that callback.

You could however, specify async:false to that .ajax() call, but it will most likely block the browser, attempting to wait for the request, something I don't think you want to happen.

answered Jul 30, 2011 at 11:08

Andreas Wong

60.7k19 gold badges112 silver badges123 bronze badges

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

Comments

Nicola Peluchetti · Accepted Answer · 2011-07-30 11:09:28Z

To use it outside you have two ways:

1)make the call syncronous like this (this is not a best practice as the browser has to wait for the call to continue the flow):

   $.ajax({
     type: "POST",
     url: "GeteT.php",
     cache:false,
     data:"id="+ encodeURIComponent(1),
     dataType:'json',
     async: false,
     success: function(json)
     {
 g_foo = json.foo;


 }
});
    console.log(g_foo);

2) call a function on success and continue the flow from there using whatever data has been returned from the function (this is the best practice)

       $.ajax({
         type: "POST",
         url: "GeteT.php",
         cache:false,
         data:"id="+ encodeURIComponent(1),
         dataType:'json'
         success: function(json)
         {
     g_foo = json.foo;
        yourfunction(g_foo);
     }
    });

function yourfunction(g_foo){
    //here g_foo is set
}

Collectives™ on Stack Overflow

problem with ajax call of json and php

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related