点击html按钮时发送电子邮件（服务器端，而不是mailto）

Question

I'm trying to send an email when an html button is hit. I want the email to just be sent in the background without affecting the html page view at all. Here's what I'm trying right now

FORM

<form action="" class="collapsed nav-form" data-parsley-validate="" id="nav_waitlist_form" method="post">

     <div class="form-group" id="nav_email_group">
          <label class="sr-only" for="join_waitlist_email">Email address</label> 
          <input class="form-control input-lg waitlist-email"data-parsley-error-message="!" data-parsley-required="true" data-parsley-trigger="change" data-parsley-type="email" id="nav_email_input" name="email" placeholder= "Enter email address" type="email">
     </div><button class="btn btn-lg btn-default nav-button" id="nav_waitlist_button" type="submit">Get In Touch With us</button>
</form>

<script type="text/jquery">
     $('#nav_waitlist_button').live('click', function() {
          $.get('sendmail.php?functionName=test&inputvar=something');
          return false;
     });
</script>

PHP:

if ($_REQUEST['functionName'] == 'test') {
mail('[e-mail]', 'Some subject', 'somebody')
}

Answer 1

I wonder why you're not using the form! If all you wanted is a button, you can use button and you would not need to add a whole form without any form elements.

You may want to capture the data you're sending to the server so that you can send that data. Just some few corrections:

JS - if you're using a modern version of jQuery:

$(function() {
     $(document).on('click', '#nav_waitlist_button', function() {
          $.get('sendmail.php?functionName=test&inputvar=something');
          return false;
     });
});

PHP - do not leave out the semi-colon:

if ($_REQUEST['functionName'] == 'test') {
     mail('[e-mail]', 'Some subject', 'somebody');
}