欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

XMLHttpRequest的GET和POST

程序员文章站 2022-06-10 17:28:58
...
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");
}