PHP表单使用AJAX提交仍页面刷新，请求问题排查

核心原因 #

页面刷新说明表单的默认提交行为未被成功阻止，本质是前端事件绑定逻辑未生效，或AJAX代码存在错误。

分步排查与修复 #

1. 确保jQuery已加载 #

你的代码使用了$和$.ajax，如果页面未引入jQuery，整个AJAX逻辑会直接报错，导致e.preventDefault()无法执行，表单走默认提交流程。
在</body>标签前添加jQuery引入（使用本地文件或官方CDN均可）：

<script src="jquery.min.js"></script>

2. 事件绑定需在DOM加载完成后执行 #

如果AJAX代码写在DOM元素（表单）渲染前，$('form')无法找到目标元素，事件绑定失败。将代码包裹在$(document).ready()中：

$(document).ready(function() {
    // 用ID精确选中目标表单，避免多个表单冲突
    $('#form').submit(function (e) {
        e.preventDefault();
        // 打印日志确认事件触发
        console.log('表单提交事件已触发');
        
        const data = {
            name: $('#name').val(),   
            email: $('#email').val(),
            text: $('#text').val()
        };
        
        $.ajax({
            type: 'POST',
            url: 'index.php',
            // 直接传递对象，jQuery会自动转为表单编码格式，后端可直接用$_POST获取
            data: data,
            success: function(res) {
                console.log('提交成功:', res);
                // 可在此添加提交后的交互，如清空表单、显示成功提示
            },
            error: function(xhr, err) {
                console.error('提交失败:', err);
            }
        });
    });
});

3. 后端PHP适配调整 #

若使用表单编码格式提交（上述JS代码的方式）

直接用$_POST获取参数，但需添加空值判断避免报错：

<?php
$servername = "localhost";
$username = "myserver";
$password = "";
$dbname = "myserverr";
$ip = $_SERVER["REMOTE_ADDR"];
// 用??运算符处理未提交的情况，避免Undefined index错误
$name = $_POST["name"] ?? '';
$email = $_POST["email"] ?? '';
$message = $_POST["text"] ?? '';
// 需补充实现getOS()和getBrowser()函数，否则会报错
// $querystamp = getOS() . " - " . getBrowser();
$port = $_SERVER["REMOTE_PORT"];
$date = date("d-m-Y = h:i:sa");
?>

若坚持用JSON格式提交（原JS代码的方式）

后端需手动读取JSON数据：

<?php
$json = file_get_contents('php://input');
$data = json_decode($json, true);
$name = $data["name"] ?? '';
$email = $data["email"] ?? '';
$message = $data["text"] ?? '';
// 其他代码同上
?>

4. 补充未定义函数 #

你的PHP代码中使用了getOS()和getBrowser()，但未给出实现，需补充这两个函数的代码，否则会触发致命错误。

测试验证 #

打开浏览器开发者工具（F12）→ 切换到Console标签，提交表单：

• 若未打印表单提交事件已触发：说明事件绑定失败，检查jQuery是否加载、DOM加载时机是否正确。
• 若有日志但AJAX报错：检查请求URL是否正确、后端PHP是否有语法错误。

内容的提问来源于stack exchange，提问作者samucode