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



Tags : jquery ajax json javascript

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 );
  });

Affiliate :

Hire Golang Developers




Tags : jquery ajax json javascript

By Adam Ng

IF you gain some knowledge or the information here solved your programming problem. Please consider donating to the less fortunate or some charities that you like. Apart from donation, planting trees, volunteering or reducing your carbon footprint will be great too.


Advertisement