HTML кнопка для отправки формы с всплывающим окном

Question

У меня есть этот код, который отправляет форму и отправляет письмо, и он открывает другую страницу с сообщением об успешном:

<input type="submit" value="submit">

Затем у меня также есть этот код, который представляет собой сексуальную кнопку, которая выскакивает сообщениечто письмо было отправлено (хотя оно и не пришло):

<a href="submit-message.html" class="nicdark_marginbottom20_iphoneland nicdark_marginbottom20_iphonepotr nicdark_mpopup_ajax nicdark_outline white nicdark_btn nicdark_bg_bluedark medium title">Submit</a>

Как мне объединить код, чтобы почта отправлялась с помощью сексуальной кнопки, и я получал всплывающее окно вместо того, чтобы приземлиться нановая страница?

Answer 1

Я бы предложил использовать ajax для подтверждения отправки электронной почты, после чего всплывет ваша так называемая сексуальная кнопка.

<form method="POST" action="/your/path/to/php/file">
    <input type="submit" value="submit" onclick="someFunction();">
</form>

<a id="href_id" href="submit-message.html" class="nicdark_marginbottom20_iphoneland nicdark_marginbottom20_iphonepotr nicdark_mpopup_ajax nicdark_outline white nicdark_btn nicdark_bg_bluedark medium title">Submit</a>


<script type="application/javascript">
    function someFunction() {
        $.ajax({
            type: 'POST',
            url: 'route/to/php/file',
            data: {
                // data goes here
            },
            cache: false,
            headers: {
                // headers(if any) fo here
            },
            success: function(){
                $('#href_id').show();
            }
        });
    }
</script>

---

Файл php может выглядеть как-товот так:

if(mail ($to, $subject, $message, $additional_headers = null, $additional_parameters = null)) {
  return true;
}

---

Очевидно, что это не полный код, и его не следует воспринимать как таковой, это просто указание в правильном направлении сортировки.

Я использую jQuery здесь просто потому, что я более знаком с ним, но все это может быть сделано в чистом javascript, нет реальной необходимости использовать jQuery, если вы не хотите.

---

Подробнее о ajax , PHP и Ajax .

---

В качестве заключительного замечания логика такова:

• Выполните ajax-вызов в интерфейсе

• Отправьте электронное письмо в бэкэнд, используя PHP (или ваш язык по вашему выбору)

• Возвратответ, который подтверждает или нет, что электронное письмо было отправлено

• На основании этого ответа отображается всплывающее окно