Request.HTML - jsFiddle/Github integration demo
jsFiddle demo hosted on Github using HTML Request to get Ajax data
author(s):
Piotr Zalewa
HTML
<script src="/js/empty.js"></script>
<link rel="stylesheet" href="/css/normalize.css">
<p>Result will appear below:</p>
<div id="demo">
<p>This text will be replaced</p>
</div>
<p><a href='http://doc.jsfiddle.net/use/github_read.html' target='_new'>Documentation</a></p>
<p><a href='http://github.com/jsfiddle/github-demo/' target='_new'>Demo on Github</a></p>
CSS
$fullred = #ff0000;
body {
font-family: Helvetica, Verdana
}
p {
padding: 7px 10px;
}
#demo {
border: 1px solid $fullred;
}
JavaScript
window.addEventListener('DOMContentLoaded', function() {
fetch('/gh/get/response.html/jsfiddle/github-demo/tree/master', {
headers: {
'X-Requested-With': 'XMLHttpRequest',
}
})
.then(res => {
return res.text();
})
.then(html => {
$('#demo').html(html);
}).catch((error) => {
$('#demo').html(error);
})
})