要在前端页面中使用 AJAX 发送请求到后端 PHP 接口,获取数据,可以按照以下步骤:
1. 创建一个 XMLHttpRequest 对象,用于发送 AJAX 请求:
```javascript
var xhr = new XMLHttpRequest();
```
2. 设置 AJAX 请求的方法、URL 以及是否异步:
```javascript
xhr.open('GET', 'backend.php', true);
```
3. 设置 AJAX 请求的回调函数,用于处理后端返回的数据:
```javascript
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 处理后端返回的数据
}
};
```
4. 发送 AJAX 请求:
```javascript
xhr.send();
```
在 PHP 后端接口中,可以通过 `$_GET` 或 `$_POST` 超全局变量来获取前端发送的数据,然后根据处理逻辑返回相应的数据。
例如,在 `backend.php` 中可以这样处理 GET 请求并返回数据:
```php
<?php
if ($_SERVER['REQUEST_METHOD'] === 'GET') {
// 处理 GET 请求
$data = array('message' => 'Hello, AJAX!');
echo json_encode($data);
}
?>
```
这样,当前端页面中通过 AJAX 发起 GET 请求到 `backend.php` 后,可以通过回调函数中的 `xhr.responseText` 获取到后端返回的数据,并进行处理。
注意,如果要发送 POST 请求,可以将 `open` 方法的第一个参数改为 'POST',并在 `send` 方法中添加需要发送的数据。