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");
}
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");
}
推荐阅读
-
如何解决Ajax访问不断变化的session的值不一致以及HTTP协议中的GET、POST的区别
-
Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法总结
-
php中$_GET与$_POST过滤sql注入的方法
-
通过过滤器(Filter)解决JSP的Post和Request中文乱码问题
-
详谈jQuery Ajax(load,post,get,ajax)的用法
-
Android发送GET与POST请求的DEMO详解
-
网络编程之get与post的区别与联系
-
vue 2.x 中axios 封装的get 和post方法
-
flask 开发Restful API(post和get方式实例)
-
微信小程序授权 获取用户的openid和session_key【后端使用java语言编写】,我写的是get方式,目的是测试能否获取到微信服务器中的数据,后期我会写上post请求方式。