今天复习一下原生Ajax

AJAX = 异步 JavaScript 和 XML。
AJAX 是一种用于创建快速动态网页的技术。
通过在后台与服务器进行少量数据交换,AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新。
传统的网页(不使用 AJAX)如果需要更新内容,必需重载整个网页面。

一个完整的AJAX请求包括五个步骤:

创建XMLHTTPRequest对象

new XMLHttpRequest()
老版本的 Internet Explorer (IE5 和 IE6)使用 ActiveX 对象:new ActiveXObject(“Microsoft.XMLHTTP”)
var xmlhttp;
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject(“Microsoft.XMLHTTP”);
}

使用open方法创建http请求,并设置请求地址

xmlhttp.open(method,url,async);
method:请求的类型;GET 或 POST
url:文件在服务器上的位置
async:true(异步)或 false(同步)

设置发送的数据,开始和服务器端交互

xmlhtttp.send(string)
string:仅用于 POST 请求
xmlhttp.setRequestHeader(header,value)
向请求添加 HTTP 头。
header: 规定头的名称
value: 规定头的值

获取返回的数据

当使用 async=true 时,请规定在响应处于 onreadystatechange 事件中的就绪状态时执行的函数:
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
console.log(xmlhttp.responseText);
//responseText 获得字符串形式的响应数据。
//responseXML获得字符串形式的响应数据。
}
}
xmlhttp.open(“GET”,”url”,true);
xmlhttp.send();

当然,我们可以封装自己的ajax请求,也可以用axios fetch等封装的ajax请求