0

Всем привет, нормального ответа на мой вопрос я не нашел, поэтому задаю его здесь: HTML + ajax

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Отправка</title>
</head>
<body>
    <form id="form" method="POST">
        <input type="text" name="name" required="required"/>
        <input type="text" name="phone" required="required"/>
        <input type="submit" value="Заказать звонок"/>
    </form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#form").submit(function() { //устанавливаем событие отправки для формы с id=form
                var form_data = $(this).serialize(); //собераем все данные из формы
                $.ajax({
                type: 'POST', //Метод отправки
                url: 'send.php', //путь до php фаила отправителя
                data: form_data,
                        success: function(data){ // сoбытиe пoслe удaчнoгo oбрaщeния к сeрвeру и пoлучeния oтвeтa
                        alert('все ок'); // пoкaжeм eё тeкст
                        }
                });
        });
    });    
</script>
</body>
</html>

Теперь PHP

<?
if((isset($_POST['name'])&&$_POST['name']!="")&&(isset($_POST['phone'])&&$_POST['phone']!="")){ //Проверка отправилось ли наше поля name и не пустые ли они
        $to = '[email protected]'; //Почта получателя, через запятую можно указать сколько угодно адресов
        $subject = 'Обратный звонок'; //Загаловок сообщения
        $message = '
                <html>
                    <head>
                        <title>'.$subject.'</title>
                    </head>
                    <body>
                        <p>Имя: '.$_POST['name'].'</p>
                        <p>Телефон: '.$_POST['phone'].'</p>                        
                    </body>
                </html>'; //Текст нащего сообщения можно использовать HTML теги
        $headers  = "Content-type: text/html; charset=utf-8 \r\n"; //Кодировка письма
        $headers .= "From: Отправитель <[email protected]>\r\n"; //Наименование и почта отправителя
        mail($to, $subject, $message, $headers); //Отправка письма с помощью функции mail
}
?>

Короче ребят спасайте уже 2 дня над ним бьюсь, и он не работает! Не работает именно сам Ajax, так как, если писать action, то php обрабатывает и отправляет письмо, но сам ajax не делает ничего. Что не так ? Все же правильно написано.

UPD: В отладчике, я ставлю брейк поинт, на ajax, скрипт начинает выполнятся в переменной form_data записываются мои данные, дальше дело переходит jquery страница обновляется и все. В консоле вот: TypeError: form.find is not a function

2
  • Что значит не работает? В консоли ошибки пишет? Не отправляется ajax-запрос молча? Отправляется, но не туда? Отправляется, но сервер отвечает ошибкой? Откройте инструменты разработчика, посмотрите что происходит и расскажите в тексте вопроса
    – andreymal
    14 сен 2018 в 19:59
  • Return false или event.preventDefault чтобы отменить поведение по умолчанию.
    – u_mulder
    14 сен 2018 в 21:22

1 ответ 1

1

Вот эту строчку

 $("#form").submit(function() {

Замените на эту

$("#form").submit(function(e) {
    e.preventDefault()

preventDefault () - Отменяет событие, если оно отменяемое, без остановки дальнейшего распространения этого события. Источник

Или используте

<button type"button">Сохранить</button>

С событием

$('#form button').on('click', function () {
    // Your code
});
1
  • 1
    Оооо боже, я с этим факался 2 дня. Я думал уже застрелится, спасибо тебе, помогло!
    – lorde
    15 сен 2018 в 8:55

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.