用PHP和AJAX写一个简单的表单提交
HTML代码:
<form id="myForm" method="post">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">邮箱:</label>
<input type="email" id="email" name="email"><br><br>
<label for="message">留言:</label>
<textarea id="message" name="message"></textarea><br><br>
<button type="submit">提交</button>
</form>
<div id="result"></div>
JavaScript代码:
<script>
$(document).ready(function() {
$('#myForm').submit(function(event) {
event.preventDefault();
var name = $('#name').val();
var email = $('#email').val();
var message = $('#message').val();
$.ajax({
type: 'POST',
url: 'submit.php',
data: {name: name, email: email, message: message},
success: function(response) {
$('#result').html(response);
}
});
});
});
</script>
PHP代码(submit.php):
<?php
$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
// 在此处添加处理表单数据的代码
echo '表单提交成功!';
?>
以上代码实现了一个简单的表单提交功能,当用户点击提交按钮时,使用AJAX向submit.php发送POST请求,并将表单数据作为参数传递。submit.php接收到请求后,处理表单数据并返回一个成功消息,然后在前端页面显示该消息
原文地址: http://www.cveoy.top/t/topic/d5m5 著作权归作者所有。请勿转载和采集!