Returning Value Of A $.POST With JQuery

Question

JS:

function ajax_post_var(url, event_id)
{
var info = $.post(url).responseText;
alert(info);
if (event_id == '1')
{
 do something with info...
}
...more if's here...
}

ajax_post_var('http://www.website.com/a.php', 1);

a.php displayed the text TEST;

Why does info show undefined... I'd like to be able to use the returned value for something else.

Answer 1

Try this:

function ajax_post_var(url, event_id)
{
  $.post(url, function(info)
  {
    alert(info);
    if (event_id == '1')
    {
      //do something with info...
    }
    // ...more if's here...
  });
}

ajax_post_var('http://www.website.com/a.php', 1);

Not sure why you're using $.post and not $.get for this purpose.

jQuery AJAX requests, by default, are asynchronous. This means the call to $.post() would not return a value immediately. The way to go about such things is to use callback functions.

See below for more information:
http://docs.jquery.com/Ajax

Answer 2

function ajax_post_var(url, event_id) {
    $.post(url, function(data, textStatus) {
        alert(textStatus);
        if (event_id == '1') {
              //do something with this...
        }
        // ...more if's here...
    });
}
ajax_post_var('http://www.website.com/a.php', 1);