[英]load the content of html file into the div using AJAX
我是初学者。 我正在处理的问题可能很容易解决;)我正在处理一个网页,其中文本内容从外部html文件加载到div中。 当用户单击菜单项时,将完成此操作。
这是我的代码html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/menu.css">
<script type="text/javascript" src="js/js.js"></script>
</head>
<body>
<div>
<ul>
<li><a id="teachers" href="#" name="teachers" onclick="getdata()">
Teachers
</li>
</ul>
</div>
<div id="page" name="" >
bla bla bla ...
</div>
</body>
</html>
这是我的代码ajax:
var _xhr;
function getdata(){
_xhr= new XMLHttpRequest();
_xhr.onreadystatechange=callback;
_xhr.open("POST", "teachers.html", true);
_xhr.send();
function callback(){
var _target = document.getElementById("page");
_target.innerHTML=_xhr.responseText;
}
}
当我点击链接(教师)时,我想将html文件(teachers.html)加载到div(id =“ page”)中
请有人帮我。
提前致谢。
onreadystate会触发多次。 您需要等待4的readystate才能读取responseText
function callback(){
if (_xhr.readyState===4) {
var _target = document.getElementById("page");
_target.innerHTML=_xhr.responseText;
}
}
您可能还应该检查状态。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.