JSONP request error handling

by

If you check jQuery.ajax() documentation, you can find:

error

A function to be called if the request fails (…) Note: This handler is not called for cross-domain script and cross-domain JSONP requests. This is an Ajax Event.

Because of that, you’re forced to find workaround. You can specify timeout to trigger an error callback. It means that within specified time frame the request should be successfully completed. Otherwise, assume it has failed:

$.ajax({
    ...
    timeout: 5000, // a lot of time for the request to be successfully completed
    ...
    error: function(x, t, m) {
        if(t==="timeout") {
            // something went wrong (handle it)
        }
    }

});

Other issues in your code…

While JSONP (look here and here) can be used to overcome origin policy restriction, you can’t POST using JSONP (see CORS instead) because it just doesn’t work that way – it creates a element to fetch data, which has to be done via GET request. JSONP solution doesn’t use XmlHttpRequest object, so it is not an AJAX request in the standard way of understanding, but the content is still accessed dynamically – no difference for the end user.

$.ajax({
    url: url,
    type: "GET"
    dataType: "jsonp",
    ...

Second, you provide data incorrectly. You’re pushing javascript object (created using object literals) onto the wire instead of its serialized JSON representation. Create JSON string (not manually, use e.g. JSON.stringify converter):

$.ajax({
    ...
    data: JSON.stringify({u: userid, p: pass}),
    ...

Last issue, you’ve set async to false, while documentation says:

Cross-domain requests and dataType: “jsonp” requests do not support
synchronous operation.

More Related Contents:

  1. jQuery ajax (jsonp) ignores a timeout and doesn’t fire the error event
  2. CORS header ‘Access-Control-Allow-Origin’ missing
  3. How to parse JSON data with jQuery / JavaScript?
  4. jsonp with jquery [closed]
  5. Post data to JsonP
  6. Access-Control-Allow-Origin error sending a jQuery Post to Google API’s
  7. Simple jQuery, PHP and JSONP example?
  8. Pass array to ajax request in $.ajax() [duplicate]
  9. json Uncaught SyntaxError: Unexpected token :
  10. TypeError: $.ajax(…) is not a function?
  11. How do I format a Microsoft JSON date?
  12. jQuery loop over JSON result from AJAX Success?
  13. jQuery won’t parse my JSON from AJAX query
  14. jQuery posting valid json in request body
  15. jQuery getJSON works locally, but not cross domain
  16. How to set encoding in .getJSON jQuery
  17. Check if username exists in database with AJAX
  18. What does autocomplete request/server response look like?
  19. How do I PUT data to Rails using JQuery
  20. How to return a JSON object in standard web forms .Net
  21. AJAX call and clean JSON but Syntax Error: missing ; before statement
  22. Populate Select box options on click with Javascript/Jquery with Json data
  23. Accessing web Service from jQuery – cross domain
  24. jQuery – How to PUT JSON via Ajax?
  25. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  26. How do I make a JSONP call with JQuery with Basic Authentication?
  27. JSON parsing error syntax error unexpected end of input
  28. Why does $.getJSON silently fail?
  29. handle ajax error when a user clicks refresh
  30. My Own Like Button: Django + Ajax — How?

Leave a Comment