什么是AJAX？

一，什么是AJAX？

AJAX 是 异步 JavaScript 和 XML，全称(Asynchronous JavaScipt And XML).
是一种创建交互式，快速动态网页应用的网页开发技术，无需要重新加载整个网页的情况下，能够更新部分网页的技术。

• AJAX是一种交互技术。（客户端和服务器之间的交互）
• AJAX天生是异步的，不会阻塞，用户体验好。
• 缺点：不能进行回退(不会操作历史记录)。
• AJAX不是新的编程语言，而是一种使用现有的标准的新方法

Ajax的四个步骤

Ajax 的实现一般需要实现四个步骤。

btn.onclick = () =>{
    const request = new XMLHttpRequest()
    //1.创建一个XMLHttpRequest对象
    request.open('GET/POST','URL')
    //2.调用对象的open方法
    request.onreadystatechange = ()=>{
        if (
          request.readyState === 4 &&
          request.status >= 200 &&
          request.status < 300
        ){
            console.log(request.response)
        }else{
            //报错
        }
    }

 //3.监听Ajax请求是否成功
    requset.send()
    //4.调用对象的send方法发送请求
}

当我们使用Ajax加载css，html时，request.response获取到的都是string，需要使用innerHTML来将其插入到元素中，而XML则只需要获取其request.responseXML即可。

AJAX基于现有的Internet标准

• XMLHttpRequest对象（异步与服务器交换数据）
• JS/DOM （信息显示/交互） CSS（给数据定义样式） XML&JSON（作为转换数据的方式）

XML:可扩展的标记语言，可以认为HTML是XML的子集（不准确）。
xml主要用来传输数据的，是一种数据交换格式，原来webService中使用，后面再介绍一种数据交换格式JSON。主要用来渲染数据