Как отправить данные с формы и получить ответ ajax?

Здравствуйте. Помогите пожалуйста разобраться, в js совсем не силен :) Как отправить данные с формы, используя ajax, и получить на эту же страницу ответ или просто выполнение функции по отправке формы. На странице с формой подключена библеотека jquery и form.js, данные уходят на form.php.

Форма:
<form method="post" action="/form.php">
   <input type="text" name="msg">
   <input type="submit">
</form>


form.php
echo $_POST["msg"]; //или функция например

form.js
$(document).ready(function() {

    $('form').submit(function(event) {
        event.preventDefault();

        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: new FormData(this),
            contentType: false,
            cache: false,
            processData: false,
            success: function(result) {
               ???
            },
        });
    });
});
  • Вопрос задан
  • 1906 просмотров
Решения вопроса 1
webinar
@webinar Куратор тега PHP
Учим yii: https://youtu.be/-WRMlGHLgRg
success: function(result) {
                $('.someClass').html(result); // выводим тег с определенным класс
                console.log(result); // выводим в консоль, что бы просто посмотреть что приходит и в каком виде
            },
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
<form method="post" action="/form.php">
   <input type="text" name="msg" value="message">
   <input type="submit">
</form>


<script>
$(document).ready(function() {

    $('form').submit(function(event) {
        event.preventDefault();

        $.ajax({
            type: $(this).attr('method'),
            url: $(this).attr('action'),
            data: $(this).serialize(),
            cache: false,
            processData: false,
            success: function(result) {
				// Ессно, поломает документ. Так, для наглядности
               document.write(result);
            },
        });
    });
});
</script>
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы