Я пытаюсь узнать, как использовать ajax, и я не могу понять, почему приведенный ниже код не работает.Все, что он делает, это сначала создает действительный объект XMLHttpRequest, когда страница загружается, а затем вставляет некоторый текст в раздел области div страниц.
Demo.js
var ajaxRequest; // The variable that makes Ajax possible!
function newRequest()
{
try
{
ajaxRequest = new XMLHttpRequest();
..
}
}
Я вызываю это с помощью следующего:
Index.html
<script src="Demo.js" type="text/javascript"></script>
</head>
<body onload="newRequest()">
<div class="page_Disp">
</div>
Затем я пытаюсь загрузить некоторый текст из файла на страницу, используяследующая функция JS:
Demo.js
function openPage()
{
ajaxRequest.onreadystatechange=function()
{
if (ajaxRequest.readyState==4 && ajaxRequest.status==200)
{
document.getElementById("page_Disp").innerHTML=ajaxRequest.responseText;
ajaxRequest.open("GET","ajax_info.txt",true);
ajaxRequest.send();
}
}
}
Вышеуказанное вызывается с использованием следующего HTML-кода:
<a onclick="openPage()">Load TXT</a>
Может кто-нибудь увидетьпроблема, которая заставляет скрипт не загружаться и вставлять данные из .txt в раздел?