Body OnLoad
HTML
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>
<body onload="console.log('body loaded');">
<button id="div1" onclick="clickFn()">
<span id="span1">
<p id="p1"> </p>
</span>
Click
</button>
</body>
JavaScript
function clickFn() {
var xhr = new XMLHttpRequest();
var url = 'http://maps.googleapis.com/maps/api/distancematrix/json?origins=London&destinations=drove&mode=driving&language=en&sensor=false';
xhr.open('GET', url);
xhr.onreadystatechange = function (data) {
console.log(JSON.parse(xhr.responseText));
}
xhr.send();
}