JSONP Example

JSONP_Example.js

// Firstly you need access to the JSON file to wrap it in a “callback function”. 
//In this case I have called it “jsonCallback”. This will be the function called by the AJAX request.
jsonCallback(
    {
        "sites":
        [
            {
                "siteName": "JQUERY4U",
                "domainName": "http://www.jquery4u.com",
                "description": "#1 jQuery Blog for your Daily News, Plugins, Tuts/Tips & Code Snippets."
            },
            {
                "siteName": "BLOGOOLA",
                "domainName": "http://www.blogoola.com",
                "description": "Expose your blog to millions and increase your audience."
            },
            {
                "siteName": "PHPSCRIPTS4U",
                "domainName": "http://www.phpscripts4u.com",
                "description": "The Blog of Enthusiastic PHP Scripters"
            }
        ]
    }
);

//Now we can request the JSON via AJAX using JSONP and the callback function we created around the JSON content.

var url = 'http://www.jquery4u.com/scripts/jquery4u-sites.json?callback=?';
 
$.ajax({
  type: 'GET',
  url: url,
  async: false,
  jsonpCallback: 'jsonCallback',
  contentType: "application/json",
  dataType: 'jsonp'
})
.done(function(jsonObj) {
  console.dir(jsonObj.sites);
})
.fail(function(errString){
  console.dir(errString);
})
.always(funciton(){
  console.log("Yay! All done!");
})