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");

}

相关推荐