js原生ajax实现流程
    使用XMLHttpRequest对象可以在不刷新网页的情况下向服务器请求数据，创建XMLHttpRequest对象的方式如下：
    ```javascript
    let xhr = new XMLHttpRequest();
    ```
    2. 指定请求的方法、url和参数
    在发送请求之前，需要指定请求的方法和url，还可以添加参数。常见的请求方法有GET和POST，GET方法一般用于获取数据，POST方法一般用于提交数据。下面是指定请求方法和url的示例代码：
    ```javascript
    xhr.open('GET', '/api/data');
    ```
    如果要添加参数，可以在url后面添加查询字符串，也可以使用send方法的参数。下面是添加参数的示例代码：
    ```javascript
    xhr.open('POST', '/api/data');
    xhr.setRequestHeader('Content-Type', 'application/json');
    xhr.send(JSON.stringify(data));
    ```
    3. 发送请求
    在指定了请求方法、url和参数之后，就可以发送请求了，发送请求的方式如下：
    ```javascript
    xhr.send();
    ```
    4. 监听readyState变化和status变化
    在发送请求后，XMLHttpRequest对象会自动更新其readyState属性，该属性表示请求的状态。当readyState属性为4时，表示请求已完成。此时，还需要检查status属性，该属性表示请求的响应状态码，如果为200，则表示请求成功。下面是监听readyState变化和status变化的示例代码：
    ```javascript
    adystatechange = function() {
    if (adyState === 4) {
    if (xhr.status === 200) {
    console.sponseText);
    } else {
    (xhr.statusText);
    }
    }
    };
    ```
    5. 处理响应数据
    当请求成功后，需要处理响应数据，响应数据可以通过responseText属性或responseXML属性获取。如果响应数据是JSON格式，可以使用JSON.parse方法将其转换为JavaScript对象。下面是处理响应数据的示例代码：
    ```javascript
    adystatechange = function() {
    if (adyState === 4) {
    if (xhr.status === 200) {原生js和js的区别
    let data = JSON.sponseText);
    console.log(data);
    } else {
    (xhr.statusText);
    }
    }
    };
    ```
    6. 关闭XMLHttpRequest对象
    当请求完成后，需要关闭XMLHttpRequest对象，以释放内存。关闭XMLHttpRequest对象的方式如下：
    ```javascript
    xhr.abort();
    ```
    以上就是使用原生JavaScript实现ajax请求的流程。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。