Untitled

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>

<body>
	<button id="get-Json">Get JSON stuffs</button>
 	<button id="get-html">Get Html stuffs</button>

    <p></p>
<script>

$(document).ready(function(){
function getHTML() {
	$.ajax({
		type:'GET',
		url:'/ajax/htmlajax.php',
		cache:false,
		dataType:'html',
		success:function( _response ) {
			console.log(_response);
			$("p").html(_response);
		},
		error:function( _xhr, _status, _error ) {
			console.log( "Error -> " + _xhr + " Status -> " + _status );
		}
	});
}
$( "button#get-html" ).on( "click", function() {
	getHTML();
});

function getJSON() {
	$.ajax({
		type:'GET',
		url:'/ajax/jsonajax.php',
		cache:false,
		dataType:'json',
		success:function( _response ) {
			console.log(_response);
			$("p").html(_response);
		},
		error:function( _xhr, _status, _error ) {
			console.log( "Error -> " + _xhr + " Status -> " + _status );
		}
	});
}
$( "button#get-Json" ).on("click", function() {
	getJSON();
});
});
</script>

</body>
</html>