Post en JQuery

[chema1985]

Hola compañeros, soy nuevo por el foro, hace como 2 semanas comencé a programar en PHP, y ahora me encuentro en una encrucijada de la que no se salir, tengo un script de js que enlaza con php, pero no me funciona, y me gustaría que me aconsejaran como hacerlo. Os muestro fragmentos del código.

Script js:

Código HTML:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
                <script src="bootstrap/js/bootstrap.min.js"></script>
                <script src="js/index.js"></script>
                <script type="text/javascript">
                    $(function(){ 
                        $("#consultar").click(function(){
                            $("#grid").text("Consultando....");
                            $.post("socios.php", {action:"consultar"}, respuesta,'json');
                        });
                    });

                    function respuesta(arg){
                       $("#grid").html(arg.toSource());
                    };
                </script> 

consultar es el id de un botón, y grid es el identificador de un div, El texto "Consultando..." Si que aparece en el div, es el post lo que no se hacer funcionar.

Aquí os dejo el código php:

Código PHP:

  $conexion = new Servidor_Base_Datos($servidor, $usuario, $pass, $base_datos); 
     
    switch (@$_REQUEST['action']){ 
        case "consultar": 
            $conexion->conectar_base_datos(); 
            $data =  $conexion->getAllRows("SELECT * FROM socios"); 
            $conexion->desconectar();     
            echo json_encode($data);   
            break; 
         
    }  
   

Espero esté claro mi problema y me puedan ayudar.