嘿，这两个都是前后端交互里非常常见的需求，我给你整理了几种实用的方法，你可以根据自己的场景灵活选择👇

这里有三种最常用的实现方式，各自适合不同的场景：

方法一：异步AJAX（Fetch API） #

这是现代前端最常用的方式，不会刷新页面，适合单页应用或需要静默提交的场景：

// 前端Script中的ID变量
const targetId = 12345;

// 发送POST请求到PHP后端
fetch('your-backend-file.php', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json', // 声明传递的是JSON格式
  },
  body: JSON.stringify({ id: targetId }), // 把ID打包成JSON
})
.then(response => response.json())
.then(data => {
  console.log('后端返回结果:', data);
  // 这里可以处理后端返回的响应，比如更新页面内容
})
.catch(error => {
  console.error('请求出错:', error);
});

对应的后端PHP代码（your-backend-file.php）：

<?php
// 获取POST过来的JSON数据
$rawData = file_get_contents('php://input');
$requestData = json_decode($rawData, true);

// 校验ID是否存在
if (isset($requestData['id'])) {
  $receivedId = $requestData['id'];
  // 这里可以做你的业务逻辑，比如查询数据库、处理数据
  // 示例：返回成功响应
  echo json_encode([
    'status' => 'success',
    'message' => 'ID接收成功',
    'received_id' => $receivedId
  ]);
} else {
  echo json_encode([
    'status' => 'error',
    'message' => '未接收到ID参数'
  ]);
}
?>

方法二：表单同步提交 #

适合需要刷新页面完成提交的传统场景：

<!-- 前端表单 -->
<form action="your-backend-file.php" method="POST">
  <!-- 隐藏域用来存储ID -->
  <input type="hidden" name="target_id" id="hidden-id">
  <button type="submit">提交ID</button>
</form>

<script>
const targetId = 12345;
// 把ID赋值给隐藏域
document.getElementById('hidden-id').value = targetId;
</script>

对应的后端PHP代码：

<?php
// 通过POST全局变量获取ID
if (isset($_POST['target_id'])) {
  $receivedId = $_POST['target_id'];
  // 业务逻辑处理
  echo "成功接收ID：" . $receivedId;
} else {
  echo "未接收到ID参数";
}
?>

方法三：URL参数（GET请求） #

适合简单、非敏感的ID传递，缺点是ID会暴露在地址栏中：

const targetId = 12345;
// 跳转到PHP页面并携带ID参数
window.location.href = `your-backend-file.php?id=${targetId}`;

对应的后端PHP代码：

<?php
// 通过GET全局变量获取ID
if (isset($_GET['id'])) {
  $receivedId = $_GET['id'];
  echo "成功接收ID：" . $receivedId;
} else {
  echo "未接收到ID参数";
}
?>

这个需求其实是在上面的基础上，多了一步从LocalStorage取ID的操作，核心逻辑和上面一致，只是先获取存储的值：

第一步：从LocalStorage获取ID #

首先确保你的LocalStorage中已经存储了ID（比如之前通过localStorage.setItem('user_id', '67890')存储过），然后取出：

// 从LocalStorage中获取ID
const storedId = localStorage.getItem('user_id');

// 校验是否存在ID
if (!storedId) {
  alert('LocalStorage中未找到ID，请先完成相关操作');
  return; // 没有ID就停止后续操作
}

第二步：用任意一种方式传递给PHP #

这里以最常用的Fetch API为例，直接把storedId替换之前的ID变量即可：

const storedId = localStorage.getItem('user_id');
if (!storedId) {
  alert('LocalStorage中未找到ID，请先完成相关操作');
  return;
}

// 发送请求到后端
fetch('your-backend-file.php', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ id: storedId }),
})
.then(response => response.json())
.then(data => {
  console.log('后端返回结果:', data);
})
.catch(error => {
  console.error('请求出错:', error);
});

后端的PHP代码和第一个问题中的POST处理代码完全一致，不需要修改。

内容的提问来源于stack exchange，提问作者Rohan Sawant