Post/Get——XMLHttpRequest

1、GET

const URL = "http://localhost:8086/TestServlet?param1=" + param1 + "&param2=" + param2;
var httpRequest = new XMLHttpRequest();//第一步：建立所需的对象
httpRequest.open('GET', URL, true);//第二步：打开连接  将请求参数写在url中  ps:"./Ptest.php?name=test&nameone=testone"
httpRequest.send();//第三步：发送请求  将请求参数写在URL中
httpRequest.onreadystatechange = function () {// 获取数据后的处理程序
    if (httpRequest.readyState == 4 && httpRequest.status == 200) {
        var resultJson = JSON.parse(httpRequest.responseText);//解析servlet返回的JSON字符串（如果返回的是JSON字符串）
        console.log("result: ", resultJson);
    }
};

2、POST

const URL = "http://localhost:8086/XpBpmWeb/TestServlet";// 假设我们有一个web项目部署在Jboss或Tomcat服务器上，端口号为8086（如何修改Jboss/Tomcat端口号：待更新）
var httpRequest = new XMLHttpRequest();//第一步：创建需要的对象
httpRequest.open('POST', URL, true); //第二步：打开连接
httpRequest.setRequestHeader("Content-type","application/x-www-form-urlencoded");//设置请求头 注：post方式必须设置请求头（在建立连接后设置请求头）
httpRequest.send('param1=' + param1 + '&param2=' + param2);//发送请求(将请头体写在send中)

/**
 * 获取数据后的处理程序
 */
httpRequest.onreadystatechange = function () {//请求后的回调接口，可将请求成功后要执行的程序写在其中
    if (httpRequest.readyState == 4 && httpRequest.status == 200) {//验证请求是否发送成功
        var resultJson = JSON.parse(httpRequest.responseText);//解析servlet返回的JSON字符串（如果返回的是JSON字符串）
        console.log("result: ", resultJson);
    }
};

3、GET和POST的区别

前往：GET和POST两种基本请求方法的区别