jQuery Ajax call not working in WebKit browsers

Question

var postData = $('#postalCheckForm').serialize();
$.ajax({
    url: "check.php",
    type: "POST",
    dataType: "text",
    data: postData,          
    contentType: "application/x-www-form-urlencoded",
    success: function(responseData, textStatus, jqXHR) {
        if (responseData !== 'none') {
            window.location.href = '';
        } 

    },

    error: function(jqXHR, textStatus, errorThrown) {
        console.log(errorThrown);
    }
});

I have this JavaScript ajax call. It sends the postal code to the php script and script is returning text value with response.

It is working in Firefox and in IE as expected. But not working in webKit browsers (Chrome, Safari). Instead of get response from php script page is reloaded and this string is added to URL: ?postal_input=TEST

[SOLVED] return false to the end of js.

What event handler are you using? submit? if it's the case you could try to add : return false; at the end — BaNz
Yes, submit. And you are right! add return false to the end solved it. thx — antlik

BaNz BaNz · Accepted Answer · 2013-10-18T18:32:53

You have to add :

 return false;

at the end of your code to avoid your form to be submited.

jQuery Ajax call not working in WebKit browsers

1 Answers