Javascript 如何将html电子邮件注册表单发送到php，以便使用ajax自动向我发送电子邮件？

此html表单收集电子邮件地址。我希望用户提供的电子邮件地址能够自动通过电子邮件发送给我。在过去，我使用PHP来做这件事没有问题，但现在我希望用户永远不必离开页面，并得到一条消息确认他们的提交。。。所以我想使用我从未使用过的ajax

<!-- Signup Form -->
        <form id="signup-form" method="post" action="">
            <input type="email" name="email" id="email" placeholder="Email Address" />
            <input type="submit" value="Make a Request" />
        </form>

我完全理解也有类似的问题。我到处都在搜索，但是对于一个基本的初学者来说，没有什么是足够清晰的。回答时，请解释ajax代码的每一行，以便我知道发生了什么。谢谢，试试这个

$("#signup-form").submit(function(){
   var email_address = $("#email").val();
   $.ajax({
      type: "POST",
      url: "contact-form-handler.php",
      data: {email:email};
      success: function(data) {
          $("#sameWhereDivID").text(data);
          //Please echo your message in your PHP file and use .text to print the successful or failure message in your page.
      }
   });
});

---

这方面有成千上万的教程。用谷歌搜索它，试试它，然后带着一个特定的问题回来。

“我的问题出现在哪里”

-到底是什么问题？试图向服务器端代码发出AJAX请求的代码在哪里？您是否在学习AJAX教程或示例？您应该解释代码的功能，甚至要简洁。

        // Vars.
            var $form = document.querySelectorAll('#signup-form')[0],
                $submit = document.querySelectorAll('#signup-form input[type="submit"]')[0],
                $message;

        // Bail if addEventListener isn't supported.
            if (!('addEventListener' in $form))
                return;

        // Message.
            $message = document.createElement('span');
                $message.classList.add('message');
                $form.appendChild($message);

            $message._show = function(type, text) {

                $message.innerHTML = text;
                $message.classList.add(type);
                $message.classList.add('visible');

                window.setTimeout(function() {
                    $message._hide();
                }, 3000);

            };

            $message._hide = function() {
                $message.classList.remove('visible');
            };

        // Events.
        // Note: If you're *not* using AJAX, get rid of this event listener.
             $form.addEventListener('submit', function(event) {

                event.stopPropagation();
                event.preventDefault();

                // Hide message.
                     $message._hide();

                // Disable submit.
                     $submit.disabled = true;

                // Process form.






                // Note: Doesn't actually do anything yet (other than report back with a "thank you"),
                // but there's enough here to piece together a working AJAX submission call that does.
                    window.setTimeout(function() {

                        // Reset form.
                            $form.reset();

                        // Enable submit.
                            $submit.disabled = false;

                        // Show message.
                            $message._show('success', 'Thank you! RK will be in touch with you soon.');
                            //$message._show('failure', 'Something went wrong. Please try again.');

                    }, 750);


            });

    })();

})(); 

$("#signup-form").submit(function(){
   var email_address = $("#email").val();
   $.ajax({
      type: "POST",
      url: "contact-form-handler.php",
      data: {email:email};
      success: function(data) {
          $("#sameWhereDivID").text(data);
          //Please echo your message in your PHP file and use .text to print the successful or failure message in your page.
      }
   });
});