Question

On a web site that I am building ,
when you log in (because the database is on an other server),
I use json padding to check if the user as the right credentials.

It’s working flawlessly (ie7,ie8 & FF), until I tried it on chrome, safari & opera where it’s a complete disaster.

    $.ajax({
  type: "GET",
  dataType: "jsonp",
  url: "http://someurl.com",
  data: aRequestData,
  cache: false,
  error: function (XMLHttpRequest, textStatus, errorThrown) {
    // typically only one of textStatus or errorThrown
    // will have info
    alert("Error occured textStatus=" + textStatus + " errorThrown=" + errorThrown);
  },
  success: function(data) {
    alert('success');    
  }
});

Plain and simple and it works in browser window, however, to my big surprise it did not work in chrome, safari & opera, never got to the success alert.

Does anyone know how to solve this issue?

Thanks.

Answer 1

The problem was left over html page header, in a “Thickbox” (jQuery Thickbox plugin) where the ajax call was made!

Firefox or IE don’t mind repeated headers in that case, but the WebKit engine does!

I just had to remove the extra headers, and everything was back on tracks.

Thanks everyone!