Ajax, imposible hacerlo funcionar

[Morod0]

Buenas!

No sabía muy bien donde poner el tema, si aquí o en PHP pero bueno..

Es un problema con el que llevo varios días y estoy al borde de la desesperación. Mi problema es que no sé como dar el valor a una variable PHP sin recargar la página, no paro de leer manuales de AJAX y no logro hacerlo, os dejo las caracteristicas!


Select del formulario

Código HTML:

<select id='numeroAlumnos' name='cantAlumnos' />
 

guardo el valor de select en una variable js

Código HTML:

<input type='button' value='aceptar' onclick='recogerAlumnos()' />
 

Código Javascript:

function recogerAlumnos(){      
       var porId=document.getElementById("numeroAlumnos").value;
 

Hasta aquí todo bien, guardo el valor del select en la variable porId sin la necesidad de enviar el formulario, ahora tengo que pasar ese valor a la variable php sin recargar la página, aquí está el problema.


- #generacion no tiene importancia dentro del problema

Código Javascript:

function recogerAlumnos(){      
       var porId=document.getElementById("numeroAlumnos").value;    
  
     $.ajax({
                url:'',
                data:  porId,               
                type:  'post',
                beforeSend: function () {
                        $("#generacion").html("Generando formulario de alumnos..");
                },
                success:  function (response) {
                        $("#generacion").html(" ");
                       alert("Hola");
                }
        });
    }
 

El php donde intento guardar el valor es este

Código PHP:

$numAlumnos = $_POST['porId'];
 

No hay manera, el parametro " url:'' ", esta asi porque es en la misma página donde se recoger los valores, puede que falle ahi porque no encuentro en internet ningún ejemplo con esta car