一、Get请求
1. 创建XmlHttpRequest 对象。 这部分创建对象的代码,由于需要针对不同的浏览器, 需要做出判断,并且还没有什么提示, 所以大家可以不用自己写。 往后直接拷贝即可。
function ajaxFunction() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {// Internet Explorer
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
return xmlHttp;
}
2. 发送请求
function doGet() {
//不带数据,直接请求。
//获取 xmlhttprequest 对象
var request = ajaxFunction();
// http://localhost:8080/day16/demo01.jsp
//http://localhost:8080/day16/DemoServlet01
/*
参数一: 请求类型 GET or POST
参数二: 请求的路径
参数三: 是否异步, true or false
*/
request.open("GET", "Demo01", true);
//发送请求。
request.send();
--------------------------------以下带上数据--------------------------------------
//获取 xmlhttprequest 对象
var request = ajaxFunction();
// 参数一: 执行 get 请求 , 参数二 : 请求的地址 , 参数三: 是否是异步请求。
request.open("GET", "Demo01?name=zhangsan&age=18", true);
//发送请求
request.send();
}
二、Post请求
Post请求和Get请求基本相似,区别就在于数据传输方式不同。Get方式是直接在地址的后面拼接的,但是Post的方式是通过send方式传输过去的,并且还要设置一个请求头。基本上,如果明白了Http的协议,那么对Post请求的代码理解起来就不是那么困难了。
1. 创建XmlHttpRequest 对象。 这部分创建对象的代码,由于需要针对不同的浏览器, 需要做出判断,并且还没有什么提示, 所以大家可以不用自己写。 往后直接拷贝即可。
function ajaxFunction() {
var xmlHttp;
try {
xmlHttp = new XMLHttpRequest();
} catch (e) {
try {// Internet Explorer
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
}
}
}
return xmlHttp;
}
2、发送请求
function doPost(){
//不带数据,直接请求。
//获取 xmlhttprequest 对象
var request = ajaxFunction();
// 参数一: 执行 get 请求 , 参数二 : 请求的地址 , 参数三: 是否是异步请求。
request.open("POST", "Demo01", true);
//发送请求。
request.send();
--------------------------------以下带上数据--------------------------------------
//获取 xmlhttprequest 对象
var request = ajaxFunction();
// 参数一: 执行 get 请求 , 参数二 : 请求的地址 , 参数三: 是否是异步请求。
request.open("POST", "Demo01", true);
//设置请求头,其实就是表示传输的是一个经过url编码的form表单数据
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("name=zhangsan&age=18");
}