setRequestHeader（）方法设置请求头

·此方法必须在open（）方法和send()之间调用。

·语法：xhr.setRequestHeader（header，value）；

·header：一般设置“Content-Type”，传输数据类型，即服务器需要我们传送的数据类型

·value：具体的数据类型，常用“application/x-www-form-urlencoded”和”application/json”。

send（）方法发送请求

·用于发送HTTP请求

·语法：xhr.send（body）

·body：在XHR请求中要发送的数据体，根据请求头中的类型进行传参。

·如果是GET方法，无需设置数据体，可以传null或者不传参。

<!DOCTYPE html> <html lang=“en”> <head> <meta charset=“UTF-8”> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> <title>Document</title> <script> // 1.创建一个 XMLHttpRequest 类型的对象 var xhr = null; // 兼容写法 if (window.XMLHttpRequest) { // 标准浏览器 xhr = new XMLHttpRequest(); } else { // IE 6 浏览器 xhr = new ActiveXObject(“Microsoft.XMLHTTP”); } // 2.open() 方法开启请求 // xhr.open(“GET”,”https://jsonplaceholder.typicode.com/users?id=1“); xhr.open(“POST”,“https://jsonplaceholder.typicode.com/users“); // 设置请求头 // 一般 get 方法不需要设置，而 post 方法必须设置 xhr.setRequestHeader(“Content-Type”,“application/x-www-form-urlencoded”); // 3.send() 方法发送一次请求 // 如果是 get 方法请求，不需要再 send 中传参数，它如果想传参数，直接写在网址上 // xhr.send(null); xhr.send(“name=harry&age=19”); xhr.onreadystatechange = function () { // 通过判断 xhr 的 readyState ，确定此次请求是否完成 if (this.readyState === 4) { console.log(this.responseText) } } </script> </head> <body> </body> </html>