在web開發中，表單（Form）是一個非常關鍵的元素。透過表單，使用者可以向伺服器提交資料。在許多應用程式中，表單提交後會跳到另一個頁面上，這樣做可以很好地顯示提交結果，但是有時我們需要在不跳躍的情況下提交表單。本文將介紹如何實作 PHP 表單提交且不跳轉的方法。
一、使用AJAX提交表單
AJAX是Asynchronous JavaScript and XML的縮寫，它能夠實現瀏覽器非同步向伺服器發送請求並接收回應。透過使用AJAX技術，我們可以在不刷新頁面的情況下提交表單，並將伺服器傳回的資料動態地展示在頁面中。
下面是一個表單的HTML程式碼，其中包含了一個使用者名稱和密碼輸入框以及提交按鈕：
<form id="login-form" method="post" action=""> <label for="username">用户名：</label> <input type="text" id="username" name="username"> <label for="password">密码：</label> <input type="password" id="password" name="password"> <button type="submit" id="submit-btn">提交</button> </form>
接下來，我們需要使用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程式碼，其中包含了一個使用者名稱和密碼輸入框以及提交按鈕：
<form id="login-form" method="post" action="login.php" target="login-iframe"> <label for="username">用户名：</label> <input type="text" id="username" name="username"> <label for="password">密码：</label> <input type="password" id="password" name="password"> <button type="submit" id="submit-btn">提交</button> </form> <iframe name="login-iframe" id="login-iframe" style="display:none;"></iframe>
在表單中，我們設定了一個目標為"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中文網其他相關文章！
