php提交post不跳頁怎麼辦

隨著網路的發展，越來越多的網站需要透過表單提交使用者資料。其中，PHP 作為一種廣泛使用的伺服器端程式語言，非常適合處理表單資料。在 PHP 中，可以透過 POST 方法來傳遞表單資料。通常情況下，POST 提交後會跳到其他頁面，但是有時我們希望在提交表單資料後，頁面不跳轉，並在同一個頁面上顯示提交結果。本文將介紹如何實作 PHP 提交 POST 請求不跳到頁面的方法。

一、使用AJAX 技術

AJAX 是Asynchronous JavaScript and XML（非同步JavaScript 和XML）的縮寫，是一種在不刷新整個頁面的情況下，透過JavaScript 後台從伺服器獲取數據的技術。因此，使用 AJAX 技術可以在不刷新頁面的情況下提交表單資料。

首先，需要在 HTML 程式碼中引入 jQuery 函式庫。 jQuery 是一個輕量級的 JavaScript 函式庫，可以大幅簡化 JavaScript 程式設計。

<script></script>

在表單標籤中新增一個 ID 屬性，以便在 jQuery 中操作表單。

  

在 JavaScript 中使用 jQuery 的 $.post() 方法提交表單資料。範例程式碼如下：

$(function(){
  $('#myForm').submit(function(event){
    event.preventDefault(); // 阻止表单默认提交
    $.post('submit.php', $(this).serialize(), function(response){
      // 处理服务器返回的响应数据
    });
  });
});

$.post() 方法接收三個參數：要提交的 URL、要提交的資料、成功時回呼函數。其中，$(this).serialize() 方法可以將表單資料序列化為一個字串，方便傳輸。

在 PHP 檔案（如 submit.php）中，使用 $_POST 超全域數組接收表單數據，處理完後傳回給客戶端。範例程式碼如下：

<?php // 处理表单数据
$response = array("status" => 1, "message" => "提交成功");
echo json_encode($response); // 将响应数据转换为 JSON 格式返回给客户端
?>

二、使用 iframe 實作

使用 iframe 實作的方法比較簡單，可以在提交表單時建立一個隱藏的 iframe，將表單資料提交到該 iframe 中。由於表單資料是在 iframe 中提交的，因此不會改變目前頁面的 URL。最終，可以透過 JS 取得 iframe 中的回應數據，並在目前頁面中顯示。

HTML 程式碼如下：

     

其中，表單的 target 屬性指定了要提交到的視窗或框架。由於我們要實作不跳轉頁面，因此將 target 指定為一個隱藏的 iframe。

在submit.php 中處理表單數據，並將回應資料傳回給iframe：

<?php // 处理表单数据
$response = array("status" => 1, "message" => "提交成功");
echo "<script>parent.postMessage(&#39;" . json_encode($response) . "&#39;, &#39;*&#39;);</script>"; // 将响应数据传递给父页面
?>

在父頁中透過JS 監聽iframe 的load 事件，取得iframe 中的回應資料：

$(function(){
  $('#iframe').on('load', function(){
    var response = $(this).contents().find('body').html();
    // 处理服务器返回的响应数据
  });
});

總結

本文介紹了兩種實作PHP 提交POST 請求不跳轉頁面跳躍的方法，分別是使用AJAX 技術和使用iframe 實作。兩種方法各有優缺點，可以依照具體的需要選擇使用。

使用 AJAX 技術可以最大程度地避免頁面的刷新，操作流程更加流暢。但是，需要一定的 JavaScript 基礎和 jQuery 函式庫的熟悉程度。

使用 iframe 技術比較易於實現，但需要多創建一個 iframe 並且需要處理 iframe 中的回應資料。

以上是php提交post不跳頁怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！