Skip to content

Instantly share code, notes, and snippets.

Created Mar 20, 2009
What would you like to do?
// fn to handle jsonp with timeouts and errors
// hat tip to Ricardo Tomasi for the timeout logic
$.getJSONP = function(s) {
s.dataType = 'jsonp';
// figure out what the callback fn is
var $script = $(document.getElementsByTagName('head')[0].firstChild);
var url = $script.attr('src') || '';
var cb = (url.match(/callback=(\w+)/)||[])[1];
if (!cb)
return; // bail
var t = 0, cbFn = window[cb];
$script[0].onerror = function(e) {
handleError(s, {}, "error", e);
if (!s.timeout)
window[cb] = function(json) {
cbFn = null;
t = setTimeout(function() {
handleError(s, {}, "timeout");
if (cbFn)
window[cb] = function(){};
}, s.timeout);
function handleError(s, o, msg, e) {
// support jquery versions before and after 1.4.3
($.ajax.handleError || $.handleError)(s, o, msg, e);
Copy link

pascalpp commented Jan 19, 2012

the clause at line 39 fails for me under jquery 1.7.1. both $.ajax.handleError and $.handleError return 'undefined'. any idea how best to update this to run under jquery 1.7?


Copy link

joaobrunoah commented Dec 1, 2014

Above version 1.5 of jQuery, the function $.handleError is undefined. Defining this function solves the problem (solved for me). I'm not aware of a better solution to jsonp.

$.handleError = function(s, xhr, status, e) {
    // If a local callback was specified, fire it
    if ( s.error ) { s.context || window, xhr, status, e );

    // Fire the global callback
    if ( ) {
        (s.context ? jQuery(s.context) : jQuery.event).trigger( "ajaxError", [xhr, s, e] );

Since my solution must be compatible with IE8, this is a good work-around. But, if you can use $.get, do so.


Copy link

ppazos commented Jun 23, 2015

I'm getting an error because the callback name is not set on the URL, it is still "?". The original getJSON function changes that to a random name. I'm using jquery 1.11.0

XMLHttpRequest cannot load http://localhost:8090/ehr/rest/ehrForSubject?subjectUid=&format=json&callback=?. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. The response had HTTP status code 400.


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment