jquery usando ajax para enviar datos y guardar en php [duplicado]

Esta pregunta ya tiene una respuesta aquí:

jQuery AJAX enviar formulario 15 respuestas

Buenos días, estoy tratando de enviar u obtener datos de un formulario y luego uso jquery y luego ajax para enviar los datos a una página php que debería guardarlos en la base de datos, ¿cómo puedo hacerlo en jquery y usar ajax para hacerlo? cualquier ayuda hará y gracias!

HTML página 1 que usará jquery ajax para enviar datos a la página php

 <form>
       Name:<input type='text' name='name'>
       E-mail:<input type='text' name='email'>
       Gender:<select name='gender'>
       <option value='male'>male</option>
       <option value='female'>female</option>
       </select>
       Message:<textarea name='about'></textarea>
 </form>

PHP página 2 que recibiría los datos del formulario de la página 1

<?php
echo "
 $_POST['name'];
 $_POST['email'];
 $_POST['gender'];
 $_POST['about'];
";  
?>

@ cualquier ayuda con este proyecto nos ayudaría enormemente y gracias!

(actualización) Este es el jquery que intenté usar pero fue a la url y creo que no es muy seguro

    $(document).ready(function(){
    $("#chat").click(function(){
        $("#content").load("a.php");
    });


    $("#send").ajaxSubmit({url: 'a2.php', type: 'post'})

    });

Respuestas a la pregunta(3)

Su respuesta a la pregunta