jquery: ajax call to get jsonp does not call function

Question

I am having trouble getting my code to run in a callback using the ajax call from the jquery library. The code looks like:

function processJSONDirectoryFile(jsonData) {
        finished = false;
        for (var i = 0; i < jsonData.length; i++) {
                processJSONCountryFile(jsonData[i]);
        }
        finished = true;
}

function getJSON() {
  //snip

  $.ajax({url:      'http://example.org/api/rest/something',
          data:      {},
          dataType: 'jsonp',
          timeout:  10000,
          jsonp: "callback",
          jsonpCallback:  "processJSONDirectoryFile",
          });
  //snip
}

I have checked I can load http://example.org/api/rest/something?callback=myfunc and that works as expected. I am using firebug to set break points in this code. The ajax call breakpoint is hit, but the breakpoint inside processJSONDirectoryFile is never hit.

I should also mention I am using jsonp as my code runs on a different domain to example.org so I need to use jsonp to get around the domain control stuff.

Am I making some obvious mistake?

Dave Ward · Accepted Answer · 2011-02-07 14:32:38Z

5

I believe you should unquote the function and pass it by reference:

$.ajax({ url: 'http://example.org/api/rest/something',
  // This empty data parameter probably isn't necessary.
  data: {},
  dataType: 'jsonp',
  timeout: 10000,
  jsonp: "callback",
  jsonpCallback: processJSONDirectoryFile,
});

Also, this should be equivalent, if you prefer a more consistent $.ajax() syntax:

$.ajax({
  url: 'http://example.org/api/rest/something?callback=?',
  dataType: 'jsonp',
  timeout: 10000,
  success: processJSONDirectoryFile
});

By convention, jQuery will inject its randomly generated callback function name for the value of the callback key in the querystring. So, everything's automatically "wired up" transparently.

answered Feb 7, 2011 at 14:32

Dave Ward

60.7k14 gold badges119 silver badges134 bronze badges

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

2 Comments

Hamish Downer Over a year ago

I'm afraid neither of those calls manage to call my function. I've tried a few variations but no luck. Any other ideas, or ideas of how to debug?

Dave Ward Over a year ago

When you're watching in Firebug, do you see the request go out and come back successfully in the "net" tab?

jahrichie · Accepted Answer · 2013-11-13 18:05:07Z

0

try calling your function properly:

processJSONDirectoryFile()

answered Nov 13, 2013 at 18:05

jahrichie

1,2353 gold badges17 silver badges27 bronze badges

Collectives™ on Stack Overflow

jquery: ajax call to get jsonp does not call function

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related