Ajax Форма отправки визуализирует файл php

Question

Это js

<script>
$(document).ready(function()
{
    $("#create-admin").submit(function(e)
    {
        var forms = document.getElementsByClassName('needs-validation');
        if(forms == null)
        {
                $.ajax({
                type: "POST",
                url: "crud_admin.php",
                dataType: "html",
                data: $("#create-admin").serialize()

            }).done(function(data){
                toastr.success(data, 'Success Alert', {timeOut: 5000});
            })
        }
        /**/
    })
})

это форма

<form id="create-admin" class="needs-validation" autocomplete="off" action="crud_admin.php" method="POST" novalidate> ... </form>

это crud_admin. php vars и db вещи. ................. ответ

 if($db_connection->query($sql_add)){

        echo "success";
    }else {
        echo "fail";}

Когда я нажимаю на кнопку отправить форму, все данные отправляются в БД, и он перенаправляет меня на страницу crud_admin. php введите описание изображения здесь

Answer 1

Вы можете сделать это так, как говорит @msg, попробуйте использовать метод preventDefault(), чтобы предотвратить общее поведение формы. Попробуйте это:

$(document).on('submit', "#create-admin", function(e)
    {
        e.preventDefault();
        if($(this).hasClass('needs-validation'))
        {
           //Make validation before the ajax request
           $.ajax({
              type: "post",
              url: "crud_admin.php",
              data: $(this).serialize()
           }).done(function(data){
                toastr.success(data, 'Success Alert', {timeOut: 5000});
           })
        }
        /**/
    })

Надеюсь, это поможет.

Answer 2

Попробуйте добавить строку кода, используя функцию предотвратите ошибку. Он должен располагаться перед формами var = ......

https://www.w3schools.com/jsref/event_preventdefault.asp

Надеюсь, что это поможет.