要实现PHP表单提交不跳转,可以使用Ajax技术来实现。以下是一个简单的示例:
HTML代码:
<form id="myForm" action="submit.php" method="post">
<input type="text" name="name" placeholder="Name"><br>
<input type="email" name="email" placeholder="Email"><br>
<input type="submit" value="Submit">
</form>
<div id="result"></div>
JavaScript代码:
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
$(document).ready(function() {
$('#myForm').submit(function(e) {
e.preventDefault(); // 阻止表单默认的提交行为
var formData = $(this).serialize(); // 序列化表单数据
$.ajax({
type: 'POST',
url: $(this).attr('action'),
data: formData,
success: function(response) {
$('#result').html(response); // 将服务器返回的结果显示在页面上
}
});
});
});
</script>
PHP代码(submit.php):
<?php
$name = $_POST['name'];
$email = $_POST['email'];
// 处理表单数据,例如保存到数据库
// 返回结果
echo '提交成功!';
?>
当用户点击提交按钮时,JavaScript代码会拦截表单的默认提交行为,并使用Ajax发送表单数据到服务器。服务器端的PHP代码处理表单数据,并返回结果。最后,JavaScript代码将服务器返回的结果显示在页面上的<div id="result"></div>
元素中,而不是跳转到新的页面。
上一篇:php中的$符号的含义是什么
Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3
Laravel 中文站