Fetch 方法 post 处理 post add on PHP - JavaScript

本文介绍了如何使用 Fetch 方法进行 POST 请求处理，并使用 PHP 后台处理 POST 请求的示例。通过这种方式，可以向服务器发送 POST 请求并将数据添加到数据库中。

Fetch 方法简介

Fetch 是 JavaScript 提供的一种现代的网络请求 API，可以用来发送 HTTP 请求。它使用 Promise 对象来返回请求结果，提供了一种更简单、更直观的方式来进行网络请求。

POST 请求处理

使用 Fetch 方法发送 POST 请求时，需要指定请求的 URL、请求方法、以及请求头部信息。还需要将要发送的数据（如表单数据）放置在请求的 body 中。

以下是一个使用 Fetch 方法发送 POST 请求的示例代码：

// 构建要发送的数据
const data = {
  name: 'John Doe',
  email: 'john.doe@example.com'
};

// 发送 POST 请求
fetch('url', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
})
  .then(response => response.json())
  .then(data => {
    console.log('Response:', data);
    // 在这里处理返回的数据
  })
  .catch(error => {
    console.error('Error:', error);
    // 在这里处理错误
  });

在上述代码中，我们使用 JSON 格式的请求头和请求主体来发送 POST 请求。

PHP 后台处理

在 PHP 后台，可以使用 $_POST 变量来获取 POST 请求中的数据。以下是一个简单的 PHP 后台示例代码，用于将接收到的数据进行处理并添加到数据库中：

<?php
// 获取 POST 数据
$name = $_POST['name'];
$email = $_POST['email'];

// 连接到数据库
$mysqli = new mysqli('localhost', 'username', 'password', 'database');

// 插入数据
$query = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
$result = $mysqli->query($query);

// 检查插入结果
if ($result) {
   echo json_encode(['message' => 'User added successfully']);
} else {
   echo json_encode(['error' => 'Failed to add user']);
}

// 关闭数据库连接
$mysqli->close();
?>

在上述代码中，我们从 $_POST 获得发送的数据，并将其插入到名为 users 的数据库表中。根据插入的结果，返回相应的 JSON 数据。

请注意，为了安全起见，应该使用参数化查询或其他方法来防止 SQL 注入攻击。

总结

本文介绍了如何使用 Fetch 方法进行 POST 请求处理，并使用 PHP 后台处理 POST 请求的示例代码。通过这种方式，可以方便地向服务器发送 POST 请求并将数据添加到数据库中。