2024年4月26日发(作者：)

js 原生ajax请求方法

JavaScript原生AJAX请求方法

AJAX（Asynchronous JavaScript and XML）是一种用于在网页中进

行异步数据交互的技术。通过AJAX，可以在不刷新整个页面的情况

下，通过与服务器进行数据交换，更新部分页面的内容。

在JavaScript中，可以使用原生的AJAX请求方法来实现与服务器

的数据交互。下面将介绍几种常用的原生AJAX请求方法。

1. XMLHttpRequest对象

XMLHttpRequest对象是原生AJAX请求的核心。它提供了一组用于

发送和接收HTTP请求的方法和属性。

需要创建一个XMLHttpRequest对象：

```javascript

var xhr = new XMLHttpRequest();

```

然后，可以使用该对象的open()方法指定请求的类型、URL和是否

异步：

```javascript

('GET', '/api/data', true);

```

接下来，可以使用该对象的send()方法发送请求：

```javascript

();

```

发送请求后，可以通过监听该对象的readystatechange事件来获取

服务器的响应：

```javascript

ystatechange = function() {

if (tate === 4 && === 200) {

var response = seText;

// 处理服务器的响应数据

}

};

```

2. fetch函数

fetch函数是ES6引入的新特性，也可以用于发送AJAX请求。它使

用Promise对象来处理异步操作。

使用fetch函数发送GET请求：