JSFiddle - React, Tailwind, and code Playground
HTML
<html>
<head>
<script type="text/javascript" charset="utf-8" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
function doJSON1() {
$.getJSON('http://time.jsontest.com/?alloworigin=true', function (data) {
alert(JSON.stringify(data))
});
}
function doJSON2() {
$.ajax({
type: 'GET',
url: '/php.php',
dataType: 'JSON',
success: function(data){
alert(JSON.stringify(data));
}
});
}
function doJSON3() {
$.getJSON('http://pubapi.cryptsy.com/api.php?method=singleorderdata&marketid=132', function (data) {
alert(JSON.stringify(data))
});
}
</script>
</head>
<body>
<h3>Get JSON1</h3>
<button onclick="doJSON1()">Get JSON</button>
<h3>Get JSON2</h3>
<button onclick="doJSON2()">Get JSON</button>
<h3>Get JSON3</h3>
<button onclick="doJSON3()">Get JSON</button>
</body>
</html>