В чем заключается ошибка в приведенном ниже коде при отправке AJAX из обработанного PHP? - PullRequest
1 голос
/ 04 марта 2020

У меня есть файл с именем try.php, где приведен код, содержащий все файлы javascript, PHP и html.

<?php

if(isset($_POST["submit"])){
    echo "hello";
}

?>
<!DOCTYPE html>
<html>
<head>
<title>Submit Form Using AJAX and jQuery</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>
<body>
<form method="POST" id="myForm">
    <input name="name" type="text" placeholder="Your Name">
    <input name="email" type="text" placeholder="email">
    <input name="submit" type="submit" value="Submit">
    <div id="display"></div>
</form>
<script>
$(document).ready(function(){
    $("#myForm").submit(function(event) {
        event.preventDefault(); //prevent default action 
        window.history.back();
        var form_Data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "try.php",
            data: form_data,
            cache: false,
            success:function(response){
                alert(response);
            }
        });
    });
});

</script>
</body>
</html>

Цель кода выше - просто отправьте форму без перезагрузки страницы, просто используя AJAX, а данные формы должны быть обработаны php здесь просто echo "hello". Приведенный выше код работает нормально, он отправляет и php обрабатывает все правильно, но страница перезагружается. Каким должно быть изменение в коде?

1 Ответ

1 голос
/ 04 марта 2020

Попробуйте это как javascript код

$(document).ready(function(){
    $("#myForm").click(function(event) {
        event.preventDefault(); //prevent default action 

        var form_Data = $(this).serialize();

        $.ajax({
            type: "POST",
            url: "try.php",
            data: form_Data,
            cache: false,
            success:function(){
                alert("hello");
            }
        });
    });
});
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...