<script type=text/javascript> /*funo bsica para iniciar o uso do Ajax no site*/ function ajaxInit() { var req, try { req

= new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { try { req = new ActiveXObject("Msxml2.XMLHTTP"); } catch(ex) { try { req = new XMLHttpRequest(); } catch(exc) { alert("Esse browser no tem recursos para uso do Ajax"); req = null; } } } return req; } function wmCarrega(webmorphos){ /* webmorphos a variavel que recebe o link seto a varivel wmDiv pra receber o corpo da div contedo que ir receber os dados fi nais isto serve apenas para facilitar a escrita, j que iremos repetir a div*/ var wmDiv = document.getElementById("conteudo"); ajax = ajaxInit(); /*Inicia o Ajax*/ ajax.open("GET", webmorphos, true); /*Envia a requisio ao servidor*/ ajax.onreadystatechange=function() { /* readyState==1 Indica que est carregando, nessa hora que colocamos aquele Load ing...*/ if (ajax.readyState==1){ wmDiv.innerHTML = "<p style=text-decoration: blink;>Carregando...</p>"; /*se pref erir faa um gif piscando sei la*/ } if (ajax.readyState==4){ /*readyState==4 Indica que est carregada a pgina*/ wmDiv.innerHTML = ajax.responseText; /*envia div o contedo*/ } } ajax.send(null); } </script> <title>Testando Ajax com Webmorphos.com</title> <p>Modelo simples de uma funo bastante til em Ajax</p> <p>Links: <a href="javascript:wmCarrega('esportes.html');">Esportes</a> :: <a h ref="javascript: wmCarrega('piadas.html');">Piadas</a> </p><p>A div abaixo receber os dados ao clicar nos liks</p> <div id="conteudo" style="border: 1px solid black; margin-top: 10px;"> </div>