В последние годы я написал слишком много JQUERY Фактически, это суть Ajax в JQUERY. и комментарии написаны подробно, поэтому каждый должен быть в состоянии понять:
Кода -копия выглядит следующим образом:
<script type = "text/javascript">
// (a) ① Метод получения текстового файла (традиционный JavaScript реализует метод написания AJAX)
Function LoadXmldoc1 ()
{
var xmlhttp;
if (window.xmlhttprequest)
{
// код для IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new xmlhttprequest ();
}
еще
{
// код для IE6, IE5
xmlhttp = new ActivexObject ("microsoft.xmlhttp");
}
// OnreadyStateChange сохраняет функцию (или имя функции), которая будет вызвана всякий раз, когда изменяется свойство Readystate.
xmlhttp.onreadystatechange = function ()
{
// readystate
// присутствует статус xmlhttprequest. Изменения от 0 до 4.
// 0: запрос не инициализируется
// 1: Серверное соединение было установлено
// 2: запрос был получен
// 3: обработка запроса идет
// 4: запрос был завершен, и ответ готов
// Статус
// 200: "ОК"
// 404: страница не найдена
if (xmlhttp.readystate == 4 && xmlhttp.status == 200)
{
document.getElementById ("myDiv1"). innerHtml = xmlhttp.responsetext;
}
}
xmlhttp.open ("get", "doc/test1.txt", true);
xmlhttp.send ();
}
HTML -код страницы:
Кода -копия выглядит следующим образом:
<тело>
<form id = "form1" runat = "server">
<%-Получить текстовый файл на сервере и отобразить-%>
<div id = "mydiv1"> <h2> изменить содержание через Ajax </h2> </div>
<button id = "btnchange1" type = "button" onclick = "loadxmldoc1 ()"> изменить содержимое через Ajax (получить текст выше test1.txt) </button>
</form>
</body>
Демонстрационный эффект: