onClick获取表单详细信息并发送电子邮件

Question

I have a form with after closing form tag an a link. I want to get the form input and have send them to my e-mail when clicking the link. When clicked the user should stay on the same page but hiding the form. This is my (simplified) markup:

<script type="text/javascript">
  function doSomething() {
   $.get("sendform.php");
   return false;
  }
</script>

<form id="myForm">
  First name:<br>
  <input type="text" name"first name"><br>
  Last name:<br>
  <input type="text" name="lastname">
</form>
<a href="#" onClick="doSomething();">Send</a>

Can I use the $.post() method? And if I can, how would I do this?

Answer 1

1. Get form data.
2. Prepare ajax post(url,sendData,callback).
3. Hide form.
4. (Optional) Do some action after successful submit.

   function doSomething() {
       var form = $('#myForm');
       var formdata = form.serialize();// 1
       $.post("sendform.php",formdata, function(data){ //2
           //here you can do different action after make you post request //4
       });
       form.hide(); //3
   }

   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
   <form id="myForm">
     First name:<br>
     <input type="text" name="first_name"><br>
     Last name:<br>
     <input type="text" name="lastname">
   </form>
   <a href="#" onClick="doSomething();">Send</a>