发送 axios 请求到 PHP

在前后端分离的 Web 应用程序中，我们通常会使用 Axios 作为 JavaScript HTTP 客户端发送请求到后端的 PHP 接口。本文将介绍如何使用 Axios 发送请求和如何在 PHP 接口中处理请求。

准备工作

在开始发送 Axios 请求之前，我们需要在前端代码中引入 Axios：

import axios from 'axios';

在 PHP 接口中，我们需要使用 $_POST 和 $_GET 对请求中的数据进行访问。

发送 GET 请求

要发送 GET 请求，我们可以使用 Axios 的 get 函数。以下是一个示例：

axios.get('/api/data.php', {
  params: {
    id: 123
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

此请求将发送到名为 data.php 的 PHP 接口，并通过查询参数 id 将值 123 传递。在 PHP 接口中，我们可以通过 $_GET["id"] 访问该值。

$id = $_GET["id"];
echo $id;

发送 POST 请求

要发送 POST 请求，我们可以使用 Axios 的 post 函数。以下是一个示例：

axios.post('/api/data.php', {
  id: 123
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

此请求将发送到同一个名为 data.php 的 PHP 接口，并将一个名为 id 的键值对作为请求主体传递。在 PHP 接口中，我们可以通过 $_POST["id"] 访问该值。

$id = $_POST["id"];
echo $id;

发送 JSON 数据

要发送 JSON 数据，我们需要设置请求标头和请求主体。以下是一个示例：

axios.post('/api/data.php', {
  data: {
    name: 'John',
    email: 'john@example.com'
  }
}, {
  headers: {
    'Content-Type': 'application/json'
  }
}).then(response => {
  console.log(response.data);
}).catch(error => {
  console.log(error);
});

此请求将以 JSON 格式发送一个名为 data 的对象，并设置请求标头为 application/json。在 PHP 接口中，我们可以使用 json_decode 函数将请求主体解析为 PHP 对象。

$data = json_decode(file_get_contents('php://input'));
echo $data->name;
echo $data->email;

结论

本文介绍了如何使用 Axios 发送请求到 PHP 接口，并在 PHP 接口中处理请求。通过使用 Axios 和 PHP，我们可以搭建有效的前后端分离的 Web 应用程序。