XMLHttpRequest的GET和POST

1、XMLHttpRequest的GET


document.getElementById("btn").onclick = function(){
var xmlHttpRequest = 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(){
var xmlHttpRequest = 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");
}