Javascript : How to get JSON data from another website with JQuery or Ajax ?

A very common task for developing front-end. I used to write this a lot but some how forgotten about it today after couple of years. So....

Problem :

How to get JSON data from another website with JQuery or Ajax ?

Solution :

first example:

 var json = 'http://anotherwebsite.com/that/returnsjsonresult/';

 $.getJSON(json, function(result){
 $.ajax({
 type:'GET',
 url:json,
 dataType:'JSONP',
 data: result,
 success: function(msg){
 // do stuff with the msg
 console.log('json result returned');
 }
 });
 });

another example :

 var json = 'http://anotherwebsite.com/that/returnsjsonresult/';

 $.getJSON( json, function( result ) {
 console.log( "JSON Data: " + result.person[2].name );
  });