<!------页面点击后，ajax脚本从PHP文件返不了数据，改变不了页面h2标签的内容------------->
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
</head>
<body>
<button>欢迎词</button>
<h2></h2>
</body>
<script>
var btn=document.getElementsByTagName('botton')[0];
btn.onclick=function (){
var xmlhttp=new XMLHttpRequest();
xmlhttp.onreadystatechange=function (){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
var ht=document.getElementsByTagName('h2')[0];
ht.innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open('get','test.php',true);
xmlhttp.send();
}
/*
//这里是php文件内容
<?php
echo '欢迎来到php中文网';
?>
*/
</script>
</html>
你标签写错了
var btn=document.getElementsByTagName('botton')[0];
button 不是 botton