如何将表单提交到其他PHP页面但结果返回原提交页展示

下面提供两种符合你代码分离要求的实现方式：

方案1：AJAX无刷新提交（推荐，无需页面重载，用户体验最好） #

该方案不需要修改表单的提交逻辑，完全通过前端JS异步请求image.php获取结果，全程不跳转页面。

1. 修改home.php的表单代码，新增结果展示容器：

<!-- 新增id方便JS绑定事件 -->
<form class="d-flex" id="searchForm" action="" method="post">
<input class="rounded-0 form-control" type="text" name = "name" placeholder="Explore. . ." aria-label="Search">
<button class="border searchfeature" id= "show" type="submit"><i class="fa fa-search"></i></button>
</form>
<!-- 新增图片结果展示容器 -->
<div id="imageResult"></div>

2. home.php底部加入JS异步提交逻辑：

document.getElementById('searchForm').addEventListener('submit', function(e) {
  // 阻止表单默认跳转行为
  e.preventDefault();
  // 获取输入的搜索词
  let formData = new FormData(this);
  // 异步请求image.php
  fetch('image.php', {
    method: 'POST',
    body: formData
  })
  .then(res => res.text())
  .then(data => {
    // 将返回的图片内容插入到容器
    document.getElementById('imageResult').innerHTML = data;
  })
  .catch(err => console.error('请求错误：', err));
});

3. 调整image.php的输出逻辑：
   不需要输出完整HTML页面，仅返回图片相关内容即可，示例逻辑：

<?php
$keyword = $_POST['name'];
// 你的原有图片查询逻辑
$imgPath = "查询到的图片路径";
if($imgPath) {
  echo "<img src='{$imgPath}' alt='{$keyword}的搜索结果'>";
} else {
  echo "<p>未找到对应图片</p>";
}
?>

方案2：Session + 页面自提交（无需JS，兼容极端场景） #

该方案就是你提到的Session思路，提交后页面会重载但仍然停留在home.php，代码完全分离。

1. 两个页面顶部都先开启Session，必须放在所有输出之前：

<?php session_start(); ?>

2. home.php保留action为自身，新增提交处理和结果展示逻辑：

<?php
// 处理表单提交
if(isset($_POST['name'])) {
  // 将搜索词存入Session
  $_SESSION['search_keyword'] = $_POST['name'];
  // 引入image.php处理逻辑，不会暴露image.php的代码
  require_once 'image.php';
  // 读取处理结果
  $searchResult = $_SESSION['search_result'] ?? '';
  // 清空Session避免刷新页面重复展示
  unset($_SESSION['search_keyword'], $_SESSION['search_result']);
}
?>
<!-- 你的原有表单代码 -->
<form class="d-flex" action="home.php" method="post">
<input class="rounded-0 form-control" type="text" name = "name" placeholder="Explore. . ." aria-label="Search">
<button class="border searchfeature" id= "show" type="submit"><i class="fa fa-search"></i></button>
</form>
<!-- 展示搜索结果 -->
<div id="imageResult">
  <?php echo $searchResult ?? ''; ?>
</div>

3. 调整image.php为纯逻辑处理文件，不要有任何输出：

<?php
// 读取Session中的搜索词
$keyword = $_SESSION['search_keyword'] ?? '';
$imgHtml = '';
if($keyword) {
  // 你的原有图片查询逻辑
  $imgPath = "查询到的图片路径";
  if($imgPath) {
    $imgHtml = "<img src='{$imgPath}' alt='{$keyword}的搜索结果'>";
  } else {
    $imgHtml = "<p>未找到对应图片</p>";
  }
}
// 将结果存入Session
$_SESSION['search_result'] = $imgHtml;
?>

内容的提问来源于stack exchange，提问作者Mahim Enterprises