XMLHttpRequest

 XMLHttpRequest中open方法的三个参数: 

      1. 第一个参数定义发送请求所使用的方法（GET 还是 POST）。

• 与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
• 然而，在以下情况中，请使用 POST 请求：
• 无法使用缓存文件（更新服务器上的文件或数据库）
• 向服务器发送大量数据（POST 没有数据量限制）
• 发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

  　2.　第二个参数规定服务器端脚本的 URL(该文件可以是任何类型的文件，比如 .txt 和 .xml，或者服务器脚本文件，比如 .asp       和 .php （在传回响应之前，能够在服务器上执行任务）)。

　 3. 第三个参数规定应当对请求进行异步地处理(true（异步）或 false（同步）)。

XMLHttpRequest之get请求

let xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
// 0:未开启open; 1: open(); 2: send; 3: 接收到部分数据; 4: 接收到所有数据
    if(xhr.readyState === 4) {
        if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 ) {
            console.log(xhr.responseText);
        } else {
            console.log(`Request is not successful ${res.status}`);
        }

    }
}
xhr.open("get", '/login', false);
xhr.send(null);

XMLHttpRequest之post请求

let xhr = new XMLHttpRequest();
xhr.onreadystatechange = () => {
// 0:未开启open; 1: open(); 2: send; 3: 接收到部分数据; 4: 接收到所有数据
    if(xhr.readyState === 4) {
        if((xhr.status >= 200 && xhr.status < 300) || xhr.status === 304 ) {
            console.log(xhr.responseText);
        } else {
            console.log(`Request is not successful ${res.status}`);
        }

    }
}
xhr.open("post", '/login', false);
xhr.send({username: 'xx', password: xxxx});

 

 

参考地址:

https://blog.csdn.net/long710910256/article/details/72875617