jQuery ajax related issue

Question

I am trying to figure out, whats I am doing wrong in following code:

$(function() {
   $(".alert").live('click', function(){
      var id = $(this).closest("tr").attr("id")
      var info = 'id=' + id;
      $.ajax({
         type: "POST",
         url: "http://localhost/app/ajax.php?act=alert",
         data: info,
         success: function(Response){
           }
      });
   alert(Response);
   $(this).hide();
   return false;
   });
});

Return false is not working.

HTML code:

<a href="#" class="alert">Alert</a>

What is it supposed to do and what does not work? It seems the code is not in success callback... it probably "does not work" because Response is not defined (so it throws an error. Look at the console. — Felix Kling
– Felix Kling, Commented May 25, 2011 at 9:38
@Felix Kling its not working correct, it redirect page to # , please even check my html code. — seoppc
– seoppc, Commented May 25, 2011 at 9:39

Alnitak · Accepted Answer · 2011-05-25 09:39:53Z

3

AJAX is by definition asynchronous.

When your $.ajax call returns the HTTP request will still be getting processed, and therefore Response will not yet be filled.

Put the alert(Response) call inside your success callback to see how it should work.

answered May 25, 2011 at 9:39

Alnitak

341k72 gold badges420 silver badges503 bronze badges

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

2 Comments

seoppc Over a year ago

yes working now, thanks, so can you clearify more, what i was doing wrong?

Alnitak Over a year ago

you were expecting Response to contain a value before the callback had ever been called.

Collectives™ on Stack Overflow

jQuery ajax related issue

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related