jQuery.ajax() not firing

Question

I used Firebug to debug my code. In the "Net" panel, I don't see the .ajax() firing at all. (didn't see any outgoing request url)

What is wrong with my code?

Edited: After i added $(document).ready(). to my code, everything just works fine. Why do I need $(document).ready() ? I thought when the button is clicked, the document is ready for sure. Needed to add "return false;" as well

function doSubmit() {
        alert('button is clicked.');

        $.ajax({
          type: 'Post',
          url: "http://mysite.com/list/json",
          dataType: "json",
          context: [],
          success: function(data){
              alert('got data');
          }
        }); 
}

<form name="my_form" id="myform">
    <div class="mydiv">
        <input class="button" type="submit" value="Save" onClick="doSubmit();">
    </div>
</form>

Just as a note, you are using context wrong. Context is what "this" should be in your handlers. Try using data instead. — beatgammit
– beatgammit, Commented Sep 11, 2011 at 0:40
You need document.ready in your case because the jquery library might not be loaded yet. It's also a good idea to put everything into a .ready function because the DOM might not be filled in by the time your script runs and if you have selectors running at start then they might miss elements. — Michael Yoon
– Michael Yoon, Commented Sep 11, 2011 at 0:58

genesis · Accepted Answer · 2011-09-11 00:37:26Z

4

You have to return false, otherwise it just submits that form

function doSubmit() {
        alert('button is clicked.');

        $.ajax({
          type: 'Post',
          url: "http://mysite.com/list/json",
          dataType: "json",
          context: [],
          success: function(data){
              alert('got data');
          }
        }); 
       return false;
}

answered Sep 11, 2011 at 0:37

genesis

51.1k20 gold badges99 silver badges127 bronze badges

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

4 Comments

Shadow_boi Over a year ago

Do I have to do return false? Cuz i want to do conditional check, if ajax returned data is good, then submit the form, else do "return false"

genesis Over a year ago

@Shadow_boi: you can add $("form").submit(); in success response, but you have to include that return false after your ajax command, too

Jamie Dixon Over a year ago

Since this question is tagged as jQuery note that it's better practice to use preventDefault rather than return false. api.jquery.com/event.preventDefault

Jamie Dixon Over a year ago

This also makes it easier to conditionally determine whether the form should submit and ommits the need to re-fire the submit event.

Andrew Whitaker · Accepted Answer · 2011-09-11 01:02:51Z

1

$('#myform').submit(function() {
    $.ajax({
        // ...
    });
});

edited Sep 11, 2011 at 1:02

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

answered Sep 11, 2011 at 0:45

Alex Pliutau

22k28 gold badges115 silver badges144 bronze badges

Collectives™ on Stack Overflow

jQuery.ajax() not firing

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related