Como bien ha dicho rbczgz lo ideal es que utilices la función ajax de jQuery, ya que estás usando jQuery.
La función $.load(), lo que hace es cargar una página utilizando ajax. Te recomiendo leer la info de load(). :
http://api.jquery.com/load/
Yo en tu lugar utilizaría la función $.ajax() de jquery a la que le puedes pasar parámetros por POST o por GET y es muy simple de usar:
Código Javascript
:
Ver original$( '#opcion' ).click( function() {
var name = $( this ).children( 'a' ).html();
var parametros = {
nombre: name
};
$.ajax( {
url: 'plantilla.php',
type: 'POST',
data: parametros,
success: function( response ) {
$( '#base' ).html( response );
}
});
});
Con este código, obtienes el nombre que hay dentro del link que hay en el <li> clicado. Lo intoduces en un objeto llamado parámetros.
Por medio de ajax llamas al archivo plantilla.php y a través del método POST definido en el type (por defecto GET) le pasas los parámtros a plantilla.php.
La función success() te devuelve la respuesta si todo fue correctamente. La respuesta que te devolverá será todo lo que sea visible en plantilla.php. Es decir, el HTML que haya o bien lo que pongas con un echo en PHP.
Lo ideal para evaluar bien la respuesta es devolver un objeto en json y evaluarlo en la función respuesta de manera que puedes traer muchos datos en lugar de solo lo impreso en plantilla.php, pero eso al gusto.
Por ejemplo si tu plantilla.php tuviera este código, el div hola sería lo que recibirías en la variable response de la función success().
Plantilla.php
Código PHP:
Ver original<div id="hola">
Hola soy la respuesta ajax, me has pasado la variable <?php echo $_POST[ 'nombre' ];?>
</div>
Espero que te sirva.