我正在尝试学习如何使用 ajax,但我似乎无法弄清楚为什么下面的代码不起作用。它所做的只是在页面首次加载时创建一个有效的 XMLHttpRequest 对象,然后将一些文本插入页面 div 区域的一部分。
Demo.js
var ajaxRequest; // The variable that makes Ajax possible!
function newRequest()
{
try
{
ajaxRequest = new XMLHttpRequest();
..
}
}
我使用以下方式调用它:
索引.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 插入到该部分的问题吗?
最佳答案
您正在元素上使用类
:
<div class="page_Disp">
但是正在尝试通过id
获取它:
document.getElementById("page_Disp")
因此您需要将其更改为 id
才能填充它:
<div id="page_Disp">
关于javascript - 似乎无法运行此 AJAX 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4001115/