44 lines
1.0 KiB
HTML
44 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
|
|
<style>
|
|
body {
|
|
background: #F9F9FA;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<a href="#" id="get-data">Get JSON data</a>
|
|
<div id="show-data"></div>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#get-data').click(function() {
|
|
var showData = $('#show-data');
|
|
|
|
$.getJSON('https://dweet.io:443/get/dweets/for/5410ab1e-319c-4f14-a2e4-04725df69121', function(data) {
|
|
console.log(data);
|
|
|
|
var items = data.with.map(function(item) {
|
|
return item.created + ': ' + item.content.controller_id + ' (' + item.content.message + ')';
|
|
});
|
|
|
|
showData.empty();
|
|
|
|
if (items.length) {
|
|
var content = '<li>' + items.join('</li><li>') + '</li>';
|
|
var list = $('<ul />').html(content);
|
|
showData.append(list);
|
|
}
|
|
});
|
|
|
|
showData.text('Loading the JSON file.');
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|