AJAX

AJAX

意思就是用js发请求和收响应

浏览器在window上加了一个XMLHttpRequest函数

用这个构造函数可以构造出一个对象

JS通过它实现发请求，收响应

• 首先 先准备一个服务器

使用server.js作为我们的服务器

下载或赋值代码即可用node server.js 8888或者node-dev server.js 8888（可以实时更新你的代码）启动

AJAX

• 是浏览器上的功能

• 微软IE5推出来的

node全局开发自动保存安装

yarn global add node-dev

node-dev server.js 8888

四个步骤

1.

创建HttpRequest对象（全称是XMLHttpRequest）

XMLHttpRequest

用于与服务器交互。通过 XMLHttpRequest 可以在不刷新页面的情况下请求特定 URL，获取数据。这允许网页在不影响用户操作的情况下，更新页面的局部内容。

2.

调用对象的open方法

3.

监听对象的onload & onerror 事件

一般建议改用onreadystatechange事件，在事件处理函数例操作HTML文件内容

4.

调用对象的send方法（发送请求）

例：

getHTML.onclick = () => {
    const request = new XMLHttpRequest()
    request.open('GET', '/3.html')
    request.onload = () => {
    // console.log(request.response) //打印出这个请求
        const div = document.createElement("div")
            //创建div 标签
        div.innerHTML = request.response
            //填写div内容
        document.body.appendChild(div)
            //插到头里面
    }
    request.onerror = () => {}
    request.send()
}