jQuery AJAX request demo

by blashadow

HTML

<a href="#" onclick="return start();"> HIT </a> 
<div id="output">Request made 0</div>

CSS

a {
    padding: 0.2em;
}
a:hover {
    background-color: #02AAEE;
}
#output {
    display: block;
    margin-top: 8px;
    padding: 1%;
    border: 1px solid #666;
    background-color: #efefef;
    
}

JavaScript

var counterRequest = 0;

function makeRequest() {
    $.ajax({
        url:'http://hackthissite.org',
        complete: function (response) {
        	counterRequest++;
					//$('#output').html(response.responseText);
        },
        error: function () {
            //$('#output').html('Bummer: there was an error!');
        },
    });
}

function updateLabelCounter(){
	$("#output").text("Request made " + counterRequest);
}

function start(){
	setInterval(updateLabelCounter, 1);
  setInterval(makeRequest, 1);
}