JQuery .ajax with async=true always returns error

Question

I try to make a jQuery.ajax call:

jQuery("#search_form").live("submit", function() {
    search_nr = jQuery("#search_input").val();
    jQuery.ajax({
        url: '/modules/mod_findarticle/process.php',
        data: "search_nr="+search_nr,
        async: true,
        'success':  function(data) {
                        alert(data);
                    },
        'error': function(jqXHR, textStatus, errorThrown) {
                  alert(jqXHR.status+",  " + jqXHR.statusText+",  "+textStatus+",  "+errorThrown);
        }
    });
});

In return i always get an alert with "0, error, error," message. Everything's fine with async=false. I know that with asynchronous call the script finish work before any actual data is recieved but what can be done to avoid this?

If you inspect the response in Firebug, what is the error code returned? — Rory McCrossan
– Rory McCrossan, Commented Oct 30, 2012 at 9:07
Not related to the error, but .live is deprecated. You should use .on. — Barmar
– Barmar, Commented Oct 30, 2012 at 9:16
What kind of data is the PHP returning? Is it setting the Content-type correctly? — Barmar
– Barmar, Commented Oct 30, 2012 at 9:18
Thank you for the replies. So: 1. the error messages are displayed by alert(jqXHR.status+", " + jqXHR.statusText+", "+textStatus+", "+errorThrown); which shows 0, error, error, 2. Indeed, async is enanled by default. If I remove async=true at all, nothing changes. 3. thanks for the comment, but i doubt that the problem is related to .live() 4. I tried to add the dataType parameter to the .ajax call, setting it to "html" or "json" with no effect. — vakorol
– vakorol, Commented Oct 30, 2012 at 9:40

vakorol · Accepted Answer · 2012-10-30 18:26:30Z

3

Problem solved thanks to user mccannf : The data was submitted twice by triggering the 'submit' event on the form, so the script always stopped processing data before the second call. Replacing function() in .live(...) with function(e) {e.preventDefault; ... } disables the default submit action and hence does the trick!

answered Oct 30, 2012 at 18:26

vakorol

611 silver badge7 bronze badges

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

Collectives™ on Stack Overflow

JQuery .ajax with async=true always returns error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related