PHP AJAX - 如何在表单提交后显示弹出通知

Question

以防万一：可能的重复：

PHP-Jquery-AJAX，显示弹出消息
表单提交 PHP ajax
表单提交 PHP ajax
使用 AJAX 提交 PHP 表单后显示成功消息
jquery 表单提交后弹出
PHP 表单提交后如何显示成功消息？
PHP Ajax 表单提交

在成功将表单提交到数据库后，我试图显示一个“通知弹出框”。

我用alert();测试了它它工作正常，但问题是自动重定向。

HTML 形式：

<form action="form-process" id="reportsForm" method="POST"></form>

路线.php：

//Reports pages
get('/all-reports', '/pages/reports/all-reports.php');
get('/add-new-report', '/pages/reports/add-new-report.php');

//Reports form subbmision
post('/form-process', '/backend/form-process.php');

Ajax：

$(document).ready(function() {
    $("#reportsForm").submit(function() {
        var cccEmployee = $("#ccc_employee").val();
        var irNumber = $("#IR_number").val();
        var caseType = $("#case_type").val();
        var caseLocation = $("#caseLocation").val();
        var startDateTime = $("#startDate").val();
        var endDateTime = $("#endDate").val();
        var caseDesc = $("#case_description").val();
        var actionsTaken = $("#action_taken").val();
        var caseDetails = $("#details").val();
        var caseNotes = $("#notes").val();
        var caseRecommendation = $("#recommendation").val();
        $.ajax({
            type: "POST",
            url: "./backend/form-process.php",
            success: function() {
                alert("sucess");
            }
        });
    });
});

我尝试使用window.location & headers()进行重定向，然后代码失败。 我正在使用 PHP路由库，因此它以某种方式破坏了我的 Ajax 请求？

Answer 1

尝试使用preventDefault停止表单的默认句柄（使用属性操作作为进程 URL ）

$("#reportsForm").submit(function(e) {
    e.preventDefault(); // add this
    var cccEmployee = $("#ccc_employee").val();
    ....