面试题答案
一键面试- 创建XMLHttpRequest对象:
const xhr = new XMLHttpRequest();
- 作用:初始化一个新的
XMLHttpRequest
实例,这个实例将用于后续操作来发送HTTP请求和处理响应。
- 作用:初始化一个新的
- 设置请求:
xhr.open('GET', 'your - url - here', true);
open
方法的第一个参数指定请求方法,这里是GET
。GET
用于从服务器获取数据。- 第二个参数是请求的URL,即要获取数据的服务器地址。
- 第三个参数表示是否异步请求,
true
表示异步,这意味着在请求发送后,JavaScript代码不会等待响应返回就继续执行后续代码。
- 设置响应处理函数:
xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { const response = xhr.responseText; console.log(response); } };
onreadystatechange
事件在readyState
属性值发生变化时触发。readyState
有不同的值,代表请求的不同阶段。readyState === 4
表示请求已完成,并且响应已准备好。xhr.status === 200
表示服务器成功响应请求,状态码200是HTTP成功状态码。- 当满足上述条件时,
xhr.responseText
包含了服务器返回的文本数据,可以进行进一步处理,这里只是简单地打印到控制台。
- 发送请求:
xhr.send();
- 作用:将请求发送到服务器。对于
GET
请求,send
方法通常不传递参数。如果是POST
请求,参数会作为send
方法的参数传递。
- 作用:将请求发送到服务器。对于