jQuery $ .ajax使用来自全局变量的本地JSON数据

Question

I want to use $.ajax w/ JSON data ( window.jsonData = '{"dataCallback":[{"key":"val"}]})'; ) stored in global variable inside the same local js document. Is this possible and if so how would I do it?

Update: It seems like $.ajax() , $.getJSON() , $.get() , $.getScript() all require url (which can point to a local or remote file) as the data source.

How can I use the global window.jsonData as the source of data?

See: http://jsfiddle.net/Dns2r/ . Feel free to play around.

Answer 1

Yes, but you've got to eval the responseText in the Ajax success callback, or use jQuery's built-in support for JSONP.

Another StackOverflow question that might help:

Basic example of using .ajax() with JSONP?

Answer 2

It sounds like you're trying to mock an Ajax request and return local data instead. If that's the case, give MockJax a whirl:

window.jsonData = '{"dataCallback":[{"key":"val"}]})';

// Set up the mockjax handler
$.mockjax({
  url: '/some/url',
  responseText: window.jsonData
});

// Now call the ajax method of your choice
$.getJSON('/some/url', function (data) {
  console.log(data.dataCallback[0].key); // "val"
});

Hope this is what you're after!