[Problema] Como paginar datos en ajax y jquery?

[douglasroos]

genero el paginado en PHP asi

Código PHP:

$limiteRegistros = 1;
 
$paginaActual = $_GET["pag"];
if(empty($paginaActual))
{
    $paginaActual = 1;
}
 
$columnas = 4;
        
    echo '
    <script type="text/javascript">
    $(document).ready(function(){
 
$(\'a#vehi\').click(function(){ 
$.fancybox.showActivity();  // Aqui la precarga pero no sale
$.fancybox({
\'width\'         : 730,                
\'height\'        : 500,                
\'autoScale\'     : false,                
\'transitionIn\'  : \'elastic\',               
\'transitionOut\' : \'elastic\',                           
\'href\'          : this.href,
\'type\'          : \'iframe\',
\'opacity\'     : false,
\'overlayShow\' : false
}); 
return false;
});
});
    </script>
    ';
$sql = "SELECT id_publicacion FROM vehiculos WHERE id_marca = '$marca' and id_modelo = '$modelo' and ano = '$ano'";
$rr = mysql_query($sql,$con);
 
$mostrarDesde = ($paginaActual * $limiteRegistros) - $limiteRegistros;
 
$myTotal = mysql_num_rows($rr);
 
echo'<fieldset><legend><h2>Vehículos coincidentes con tu búsqueda</h2></legend><table border="0" cellspacing="10" cellpadding="0" align="center">';
    echo "<tr>";
    $nCol = 1; // contador de columnas
 
if (mysql_num_rows($rr) == 0){
    
    
    echo "<td><img src='imagenes/busqueda.jpg' border='0'></td>";
    
    }else{
 
while ($arreglo = mysql_fetch_array($rr)){
    
    $id = $arreglo["id_publicacion"];
    
      if ($nCol <= $columnas)
      {
         echo "<td>";
         $sSql = "SELECT id_carro,valor,marca,modelo,ano, id_imagen,ruta FROM vehiculos,imagenes WHERE vehiculos.id_publicacion = '$id' and imagenes.id_publicacion = '$id' and imagenes.principal = '1' LIMIT $mostrarDesde , $limiteRegistros";
    $rrS = mysql_query($sSql,$con);
        while ($arreglo2 = mysql_fetch_array($rrS)){
        
        $id_carro = $arreglo2["id_carro"];
        $valor = $arreglo2["valor"];
        $marca_veh = $arreglo2["marca"];
        $modelo_veh = $arreglo2["modelo"];
        $ano = $arreglo2["ano"];
        $ruta = $arreglo2["ruta"];
        echo "<table border=0 align='center'>"; //Se crea una tabla dentro de la celda para mostrar los productos ordenadamente
        echo "<tr>";
        echo "<td><a href='vehiculo.php?id=".$id."' id='vehi'><img src=".$ruta." border='0' width='141' height='106'></a></td>"; //Idealmente se debe mostrar la imagen del producto en esta celda
        echo "</tr>"; 
        echo "<tr>";
        echo "<td align='center' class='precio'>Bs.F ".$valor."</td>";
        echo "</tr>"; 
        echo "<tr>";
        echo "<td align='center' class='info'>".$marca_veh."&nbsp;".$modelo_veh."&nbsp;".$ano."</td>";
        echo "</tr>"; 
        echo "</table>";
        echo "</td>";
        }
         $nCol = $nCol + 1;
         if ($nCol > $columnas)
         {
            $nCol = 1;
            echo "</tr>"; //se cierra la fila actual
            echo "<tr>"; //se abre una nueva fila           
         }  
      }      
    } while ($arreglo=mysql_fetch_array($rr));
    if ($nCol <= $columnas) //Si la condición no se cumplió en el ciclo anterior me aseguro de cerrar la Fila que quedo abierta
    {
       echo "</tr><tr><td>";
       echo "<div align='center'>Paginas:&nbsp;";
if($myTotal > $limiteRegistros)
{
    $numeroPaginas = ceil($myTotal / $limiteRegistros);
 
    for ($i = 1; $i <= $numeroPaginas; $i++)
    {
        if($paginaActual == $i)
        {
            echo " <b>$i</b> ,";
        }
        else
        {
            echo " <a href='genera_listado.php?pag=$i'>$i</a> ,";
        }
    }
}
echo '</td></tr>';
    }   
    echo "</table></fieldset>";
}
?>
 

creo que la idea seria cambiando el GET por POST y hacer en jquery un evento click que seria llamado en la funcion paginado por ejemplo, entonces podria usar este codigo y hacer la paginacion

Código Javascript:

$("#paginado").click(function () {
        $("#paginado option:selected").each(function () { //aqui no se que habria que cambiar.
            //alert($(this).val());
                year=$(this).val();
                var model = $("#modelo").val();
                var mark = $("#marca").val();
                                var pagina = $("aqui imprimiria el numero de pagina pero no se como");
                $.post("genera_listado.php", { mark: mark , year: year , model: model }, function(data){
                $("#listado").html(data);
            });         
        });
   })
 

de esta manera podria enviar por post a genera_listado.php el numero de pagina para que se realice la consulta, ese es basicamente el codigo que se me ocurre usar pero me falta pulir algunos detalles.

Si puedes ayudarme a resolver esto te lo agradeceria enormemente!