一.
创建一个Dynamic Web Project项目:
(1)创建一个ajax.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax简单试验</title>
<script type="text/javascript" >
function show(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function(){
if(xmlhttp.readyState==4 && xmlhttp.status==200){
alert("ajax的你们好");
document.getElementById("requestshow").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","b.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<h1>AJAX</h1>
<input type="button" value="提交" onclick="show()" /><br/>
<div id="requestshow"></div>
</body>
</html>
(2)在ajax.html的同路径下引入一个b.txt:
ajax欢迎我的到来
(内容随意,有汉字的话,创建的时候记得将txt文件另存为一下,保存时编码格式为:UTF-8)
(3)测试即可