jquery usando ajax para enviar dados e salvar em php [duplicado]

Esta pergunta já tem uma resposta aqui:

jQuery AJAX enviar formulário 15 respostas

Bom dia, estou tentando enviar ou obter dados de um formulário e, em seguida, usando o jquery e o ajax para enviar os dados para uma página php que deve salvá-los no banco de dados, como posso fazer isso no jquery e usar o ajax, qualquer ajuda vai fazer e obrigado!

HTML página 1 que usará jquery ajax para enviar dados para a 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 receberia os dados do formulário da página 1

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

qualquer ajuda com este projeto nos ajudaria muito e muito obrigad

(atualização) Este é o jquery que tentei usar, mas foi para o URL e acho que não é muito seguro

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


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

    });

questionAnswers(3)

yourAnswerToTheQuestion