Fiddle to test ajax echo with jQuery

Fiddle to test ajax echo with jQuery

HTML

<button id="buttonID">Click to Load ajax</button>
<div id="displayResponse"></div>

JavaScript

var jsonData = {
	"array":[1,2,3], 
    "boolean":true, 
    "null":null, 
    "number":123, 
    "object": {"a":"b","c":"d","e":"f"}, 
    "string":"Hello World" 
};

$( "#buttonID" ).on( "click", "", function() {
  getAjaxData();
});

function getAjaxData() {
    $.ajax({
        cache:false,
        type: 'POST',
        url: '/echo/jso',
        data: {
            json: JSON.stringify( jsonData ) 
        },
        success: function(data) {
            $('#displayResponse').html(JSON.stringify(data));
        },
        error:function(error, xhr, httpStatusMessage, customErrorMessage){
            if()
            console.log(error.status)
        },
        dataType: 'json'
    });
}