用原生的JS写AJAX

ajax

ajax可以在网页不重新加载的情况下与服务器交换数据。
示例：
利用ajax取到本地json文件中的数据
以下是一个普通的GET请求

let xhr=new XMLHttpRequest();
xhr.open("get","js/data.json",true);//第一个值是请求方式，第二个值是URL地址，第三个值是否异步
xhr.onreadystatechange=function(){
    if(this.readyState==4&&this.status==200){
       let data=this.responseText;
       console.log(JSON.parse(data))
   } 
}
xhr.send()

网页要用服务器运行否则会有同源禁止策略。
JSON.parse()：将json格式数据转化为js格式数据
这是json文件：

这是用ajax拿到的数据：

如果是向页面发送get请求就要在url后面拼接数据。
如果是向页面发送post请求则要把数据写到xhr.send()里面。