javascript - 使用ajax将数据插入数据库时​​如何显示警报消息？

Question

我想在数据插入数据库时​​显示一个警告。这是将请求发送到 EditDeleteLecture.php 的 ajax 代码。但主要问题是，当插入数据时，它会在 Network pane 中显示 alert。

Ajax 代码就是这样

function addRecord() {
    var formData = new FormData($("#form1")[0]); //It automatically collects all fields from form
    $.ajax({
        url: "ajax/EditDeleteLecture.php",
        type: "post",
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function(output) {
            readRecords();
            $('#form1').trigger("reset");
        }
    });
}

这是将数据插入数据库的 EditDeleteLecture.php 页面。

if (isset($_FILES['files']['name'])) {

    $files = $_FILES['files']['name'];
    $desc = $_POST['description'];
    $subject = $_POST['subject'];
    $path = 'Lectures/'.$files;
    move_uploaded_file($_FILES["files"]["tmp_name"], $path);
    $date = date('d-M-y');

    $query = "INSERT INTO content(file_name,course_code,description,file_path,upload_date) VALUES ('$files','$subject','$desc','$path','$date')";

    $cm = sqlsrv_query($conn, $query);
    if ($cm) {
        echo '<script>alert("data Inserted Successfully");</script>';
    }

}

enter image description here

Answer 1

在 ajax 成功响应中编写您的警报，例如

function addRecord() {
    var formData = new FormData($("#form1")[0]); //It automatically collects all fields from form
    $.ajax({
        url: "ajax/EditDeleteLecture.php",
        type: "post",
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function(output) {
            alert("record inserted successfully.")
            alert(output);
            readRecords();
            $('#form1').trigger("reset");
        }
    });
}