AJAX笔记
ajax使网页动态显示,例如应用于联动下拉菜单
<head>
<script>
function check()
{
alert("check");
createRequest();
//绑定回调函数,当请求对象的状态发生改变的时候,调用绑定回调函数
request.onreadystatechange=process;
//准备发送请求,true为是否异步
request.open("POST","MyServlet",true);
//设置请求头
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded;charset=UTF-8");
//设置请求参数发送请求
request.send("username="+document.getElementById("un").value);
}
var request;
function createRequest()
{
//ie
if(window.ActiveXObject){
request=new ActiveXObject("Microsoft.XMLHTTP");
alert("ActiveXObject");
}
//其他浏览器
else if(window.XMLHttpRequest){
request=new XMLHttpRequest();
alert("XMLHTTPRequest");
}else{
alert("no support AJAX!");
}
}
//定义回调函数
function process()
{
//request readState为4代表请求完成
//status为200为ok(404为not found)
//正确返回状态
if(request.readyState==4&&request.status==200){
document.getElementById("output").innerHTML=request.responseText;
}
}
</script>
</head>
<body>
<input type="text" οnblur="check()" id="un" name="username" placeholder="请输入"></input>
<div id="output">
</body>
注意大小写不能写错