What is JSON?

JSON stands for JavaScript Object Notation. In simple terms JSON is a way of formatting data for, e.g., transmitting it over a network.

You will learn a few ways to load JSON data in your web applications.

Javascript JSON Function

You can use plain javascript request to get json data from a URL.

Below is a simple javascript json function:

var getJSON = function(url, callback) 
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'json';
    xhr.onload = function() 
      var status = xhr.status;
      if (status === 200) 
        callback(null, xhr.response);
      } else {
        callback(status, xhr.response);

To use this json function, just call it like this:

getJSON( 'https://randomuser.me/api/' ,function(err, data)

JSON jQuery Syntax

You can also use jquery getjson function like this:

$.getJSON('https://apimk.com/ip.json' , function(data) 


$.Ajax Function

You can also user jquery ajax function to get your url data like this:

	url: 'https://ghibliapi.herokuapp.com/films',
	type: 'GET',
	dataType: 'json',
.done(function(data) {
	console.log("success", data);

These json functions will definitely come in handy in your web applications to get json data from a url.





Post Comment