Код очень краткий, поэтому я не буду говорить здесь много чушь, просто нажмите на исходный код
HTML -код
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8"/>
</head>
<тело>
<button type = "button" onclick = "show ()"> запрос данных </button>
<script src = "ajax.js"> </script>
<Скрипт>
функция show () {
Ajax ('read.txt? DateTime = new Date.getTime', function (str) {alert (str);}, function () {alert ('Faile');})
};
</script>
</body>
</html>
код JavaScript
Кода -копия выглядит следующим образом:
Функция ajax (url, fnsucc, fnfaild)
{
// 1. Создайте объект Ajax
if (window.xmlhttprequest)
{// код для IE7+, Firefox, Chrome, Opera, Safari
var oajax = new xmlhttprequest ();
}
еще
{// код для IE6, IE5
var oajax = new ActivexObject ("microsoft.xmlhttp");
}
// 2. Ссылка на сервер (откройте соединение сервера)
// open (метод, имя файла, асинхронная передача)
oajax.open ('Get', url, true);
//3.send
oajax.send ();
// 4. Получить и вернуть
oajax.onreadystatechange = function ()
{
if (oajax.readystate == 4)
{
if (oajax.status == 200)
{
fnsucc (oajax.responsetext);
}
еще
{
fnfaild (oajax.status);
}
};
};
}
Запрашиваемый файл read.txt
Заполнить контент случайно