Простой ajax запрос при нажатии на кнопку в форме

Например у нас есть простейшая форма на странице:
<form action="#" method="POST">
    <input type="email" class="email">
    <a href="#" id="send">Послать данные</a>
</form>

Сам скрипт будет таким:
$(document).on("click", "#send", function(){

        var param = $(".email").val();

        $.ajax({
            type: 'POST', // метод отправки
            url: window.location.href, // путь к обработчику
            data: {
                "param1": "Просто текст",
                "param2": param // переменная со значением из поля с классом email
            },
            dataType: 'text',
            success: function(data){
                $(".answer").html(data); // при успешном получении ответа от сервера, заносим полученные данные в элемент с классом answer
            },
            error: function(data){
                console.log(data); // выводим ошибку в консоль
            }
        });

        return false;
    })

В данном случае мы используем библиотеку jquery, а именно https://developers.google.com/speed/libraries/#jquery
Автор: Kylaksizov



Отправить

В корзине: 0 шт.

на сумму: 0

Всего: 0

Оформить заказ Очистить корзину