O seguinte código de uma página HTML com JavaScript utiliza AJAX para a chamada de uma página JSP.
<html>
<body>
<div id="d">
<button type="button"
onclick="loadDoc()">AJAX</button>
</div>
<script>
function loadDoc() {
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 &&
this.status == 200) {
document.getElementById("d").innerHTML =
this.responseText;
}
};
xhttp.open("GET", "ajax_info.jsp", true);
xhttp.send();
}
</script>
</body>
</html>
A div identificada por d tem seu conteúdo alterado por meio da chamada à página ajax_info.jsp
assim que a carga da página HTML no navegador é finalizada, apenas uma vez.
durante a carga da página HTML no navegador, que já é renderizada pela primeira vez com o conteúdo retornado pela página ajax_info.jsp.
assim que a carga da página HTML no navegador é finalizada, repetidas vezes, pois o código apresentado provoca um loop infinito que força a recarga da página HTML após cada requisição a ajax_info.jsp.
sem que a página HTML seja recarregada, após o usuário clicar no botão “AJAX”.
após o usuário clicar no botão “AJAX”, o que provoca a recarga completa da página HTML com o conteúdo atualizado.