PHP AJAX 消息响应与页面展示指南

<?php
// 假设这是一个处理AJAX请求的控制器方法
private function messageSend(){
    // 确保设置正确的Content-Type头部，告知客户端响应内容是JSON
    header('Content-Type: application/json');

    $user_id = $_SESSION['user_id'] ?? null; // 假设user_id来自session
    $message = $_POST['message'] ?? null; // 使用null合并运算符处理未定义情况

    if ($message === null || trim($message) === '') {
        // 如果消息为空，返回错误状态和提示信息
        echo json_encode(array(
            'status' => false,
            'message' => '请输入消息内容'
        ));
        return; // 结束函数执行
    }

    // 模拟数据库操作或其他业务逻辑
    // NoteModel::contact_message($user_id, $message, getCurrentDateTime());
    // 假设上述操作成功

    // 返回成功状态和消息
    echo json_encode(array(
        'status' => true,
        'message' => '消息发送成功'
    ));
    return; // 结束函数执行
}
?>

<script>
$(document).ready(function () {
    $('.btn-primary').click(function (e) {
        e.preventDefault(); // 阻止表单默认提交行为

        var message = $('#message').val(); // 获取消息内容

        // 简单的客户端验证
        if (message.trim() === '') {
            alert('请填写消息内容！');
            return;
        }

        $.ajax({
            type: "POST",
            url: "<?=baseUrl()?>/page/contact", // 您的PHP处理URL
            data: { "message": message }, // 发送的数据
            dataType: "text", // 明确指定预期响应类型为文本，以便手动解析
            success: function (data) {
                // 解析服务器返回的JSON字符串
                var response;
                try {
                    response = JSON.parse(data);
                } catch (e) {
                    console.error("解析服务器响应失败:", e, data);
                    alert("服务器返回了无效的响应。");
                    return;
                }

                // 现在可以像访问普通JavaScript对象一样访问响应数据
                var status = response.status;
                var msg = response.message;

                if (status) {
                    // 如果状态为true，表示成功
                    alert('成功: ' + msg); // 例如，使用alert显示消息
                    $('#contactform')[0].reset(); // 重置表单
                    // 也可以更新页面上的某个元素来显示消息，例如：
                    // $('#response-area').text(msg).css('color', 'green');
                } else {
                    // 如果状态为false，表示失败
                    alert('错误: ' + msg);
                    // $('#response-area').text(msg).css('color', 'red');
                }
            },
            error: function (xhr, status, error) {
                // 处理AJAX请求本身的错误，如网络问题或服务器内部错误
                console.error("AJAX请求失败:", status, error, xhr);
                alert("消息发送失败，请稍后再试。");
            }
        });
    });
});
</script>