XMLHttpRequest的GET和POST
1、XMLHttpRequest的GET
document.getElementById("btn").onclick=function(){
varxmlHttpRequest=getXmlHttpRequest();
xmlHttpRequest.onreadystatechange=function(){
/**
*XMLHttpRequest对象中有一个readyState属性
*readyState属性表示Ajax请求的当前状态,它的值用数字代表
*0、代表未初始化。还没有调用open方法
*1、代表正在加载。open方法已被调用,但send方法还没有被调用
*2、代表已加载完毕。send已被调用。请求已经开始
*3、代表交互中。服务器正在发送响应
*4、代表完成。响应发送完毕
*/
if(xmlHttpRequest.readyState==4){
if(xmlHttpRequest.status==200){
alert(xmlHttpRequest.responseText);
}
}
}
xmlHttpRequest.open("GET","../servlet/ServerServlet?a=9",true);
//xmlHttpRequest.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");//get可以不设置,因为发送是null
xmlHttpRequest.send(null);
}
2、1、XMLHttpRequest的POST
document.getElementById("btn").onclick=function(){
varxmlHttpRequest=getXmlHttpRequest();
xmlHttpRequest.onreadystatechange=function(){
/**
*XMLHttpRequest对象中有一个readyState属性
*readyState属性表示Ajax请求的当前状态,它的值用数字代表
*0、代表未初始化。还没有调用open方法
*1、代表正在加载。open方法已被调用,但send方法还没有被调用
*2、代表已加载完毕。send已被调用。请求已经开始
*3、代表交互中。服务器正在发送响应
*4、代表完成。响应发送完毕
*/
if(xmlHttpRequest.readyState==4){
if(xmlHttpRequest.status==200){
alert(xmlHttpRequest.responseText);
}
}
}
xmlHttpRequest.open("POST","../servlet/ServerServlet",true);
xmlHttpRequest.setRequestHeader("CONTENT-TYPE","application/x-www-form-urlencoded");//必须设置,如果这里不设置,"被请求的servlet不能通过request.getParameter("b")获取b的值,也就是不能获取send过来的数据
xmlHttpRequest.send("b=99&c=990");
}