JavaScript-XMLHttpRequest实例

<script>
document.getElementById("search").onclick=function(){
//发送查询请求并处理
var request = new XMLHttpRequest();
request.open("GET","service.php?number="+document.getElementById("keyword").value);//第三个参数默认为true
request.send();
request.onreadystatechange=function(){
if (request.readyState===4){
if(request.status===200){
//请求成功
//刷新局部信息
document.getElementById("searchResult").innerHTML=request.responseText;
}else{
//请求失败
//打印错误信息
alert("发生错误："+request.status);
}
}
}
}

document.getElementById("save").onclick=function(){
//发送查询请求并处理
var request = new XMLHttpRequest();
request.open("POST","service.php");//第三个参数默认为true
var data="name="+document.getElementById('staffName').value
+"&number="+document.getElementById('staffNumber').value
+"&sex="+document.getElementById('staffSex').value
+"&job="+document.getElementById('staffJob').value;
request.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
request.send(data);
request.onreadystatechange=function(){
if (request.readyState===4){
if(request.status===200){
//请求成功
//刷新局部信息
document.getElementById("createResult").innerHTML=request.responseText;
}else{
//请求失败
//打印错误信息
alert("发生错误："+request.status);
}
}
}
}
</script>