php實作表單提交但是不跳轉

在web開發中，表單（Form）是一個非常關鍵的元素。透過表單，使用者可以向伺服器提交資料。在許多應用程式中，表單提交後會跳到另一個頁面上，這樣做可以很好地顯示提交結果，但是有時我們需要在不跳躍的情況下提交表單。本文將介紹如何實作 PHP 表單提交且不跳轉的方法。

一、使用AJAX提交表單

AJAX是Asynchronous JavaScript and XML的縮寫，它能夠實現瀏覽器非同步向伺服器發送請求並接收回應。透過使用AJAX技術，我們可以在不刷新頁面的情況下提交表單，並將伺服器傳回的資料動態地展示在頁面中。

下面是一個表單的HTML程式碼，其中包含了一個使用者名稱和密碼輸入框以及提交按鈕：

  用户名：         密码：         提交

接下來，我們需要使用JavaScript程式碼來擷取表單的提交事件，然後使用AJAX技術發送表單資料到伺服器。在本例中，我們使用的是jQuery函式庫來簡化程式碼。

$(document).ready(function() {
  $('#login-form').submit(function(event) {
    // 阻止表单默认提交行为
    event.preventDefault();
  
    // 通过AJAX提交表单数据
    $.ajax({
      type: 'POST',
      url: 'login.php',
      data: $('#login-form').serialize(),
      success: function(data) {
        // 处理服务器返回的数据
        alert('登录成功！');
      }
    });
  });
});

在上述程式碼中，我們首先要封鎖表單的預設提交行為。然後，我們使用 $.ajax() 方法來向伺服器發送表單資料。 $.ajax() 方法接受一個 JavaScript 物件作為參數，該物件包含了請求的類型、URL、資料和回呼函數等資訊。

二、使用隱藏iframe提交表單

除了使用AJAX技術，我們還可以使用隱藏iframe技術來提交表單，並在同一個頁面中顯示伺服器傳回的結果。

下面是一個表單的HTML程式碼，其中包含了一個使用者名稱和密碼輸入框以及提交按鈕：

  用户名：         密码：         提交

在表單中，我們設定了一個目標為"login-iframe" 的隱藏iframe元素，並將表單的target屬性設定為該iframe的名稱。當使用者提交表單時，表單資料將被提交到指定的URL並在該iframe中進行處理。

接下來，我們需要使用JavaScript程式碼來擷取表單的提交事件，並將其重定向到隱藏的iframe中。

$(document).ready(function() {
  $('#login-form').submit(function() {
    // 将表单的action属性替换掉iframe的src属性
    $('#login-iframe').attr('src', $('#login-form').attr('action'));
    return false;
  });
});

function loginSuccess() {
  // 处理服务器返回的数据
  alert('登录成功！');
}

在上述程式碼中，我們將表單的 action 屬性替換為隱藏的iframe的 src 屬性，從而將表單資料提交到伺服器。由於表單的提交可以在iframe中進行，因此我們可以在伺服器傳回資料並且將其顯示在該iframe中。在傳回的資料中，我們可以透過JavaScript呼叫 loginSuccess() 函數來處理伺服器傳回的資料。

總結

以上介紹了兩種實作 PHP 表單提交不跳躍的方法，其中 AJAX 技術實現的方法會更加便捷和易於擴展，但是需要一定的 JavaScript 技能。而使用隱藏iframe技術提交表單雖然更加簡單，但是可能存在一定的安全性風險，因此需要謹慎使用。

在實際開發中，我們可以根據需要選擇適合自己的方法。無論使用哪種方法，為了確保應用程式的安全性，我們建議對表單資料進行嚴格的驗證和過濾。

以上是php實作表單提交但是不跳轉的詳細內容。更多資訊請關注PHP中文網其他相關文章！