在web开发中，表单（form）是一个非常关键的元素。通过表单，用户可以向服务器提交数据。在很多应用中，表单提交后会跳转到另一个页面上，这样做可以很好地展示提交结果，但是有时候我们需要在不跳转的情况下提交表单。本文将介绍如何实现 php 表单提交并且不跳转的方法。
一、使用AJAX提交表单
AJAX是Asynchronous JavaScript and XML的缩写，它能够实现浏览器异步向服务器发送请求并接收响应。通过使用AJAX技术，我们可以在不刷新页面的情况下提交表单，并将服务器返回的数据动态地展示在页面中。
下面是一个表单的HTML代码，其中包含了一个用户名和密码输入框以及提交按钮：
接下来，我们需要使用JavaScript代码来捕获表单的提交事件，然后使用AJAX技术发送表单数据到服务器。在本例中，我们使用的是jQuery库来简化代码。
立即学习“PHP免费学习笔记（深入）”；
$(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技术提交表单虽然更加简单，但是可能存在一定的安全性风险，因此需要谨慎使用。
在实际开发中，我们可以根据需要选择适合自己的方法。无论使用哪种方法，为了保证应用程序的安全性，我们建议对表单数据进行严格的验证和过滤。
