O código é muito conciso, então não vou falar muito bobagem aqui, basta clicar no código -fonte
Código HTML
A cópia do código é a seguinte:
<! doctype html>
<html>
<head>
<meta charset = "utf-8"/>
</head>
<Body>
<button type = "button" onclick = "show ()"> solicitar dados </botão>
<script src = "ajax.js"> </sCript>
<Cript>
function show () {
Ajax ('read.txt? DateTime = new Date.Gettime', function (str) {alert (str);}, function () {alert ('falhou');})
};
</script>
</body>
</html>
Código JavaScript
A cópia do código é a seguinte:
função ajax (url, fnsucc, fnfaild)
{
// 1. Crie objeto Ajax
if (window.xmlhttprequest)
{// Código para IE7+, Firefox, Chrome, Opera, Safari
var oajax = novo xmlHttPrequest ();
}
outro
{// código para ie6, ie5
var oajax = new ActiveXObject ("Microsoft.xmlHttp");
}
// 2. Link para o servidor (abra a conexão do servidor)
// aberto (método, nome do arquivo, transmissão assíncrona)
oajax.open ('get', url, verdadeiro);
//3.send
oajax.send ();
// 4. Receber e retornar
oajax.onreadyStateChange = function ()
{
if (oajax.readyState == 4)
{
if (oajax.status == 200)
{
fNSUCC (OAJAX.RESPONSETEXT);
}
outro
{
fnfaild (oajax.status);
}
};
};
}
O arquivo solicitado é lido.txt
Preencha o conteúdo casualmente