Lo que requieres se logra mediante una petición asíncrona, es decir, AJAX.
Como veo que pasas el valor seleccionado como argumento a la función que tienes hecha, solo necesitas implementar el algoritmo de la petición:
Código Javascript
:
Ver originalfunction recargarS2(valor){
var ajax = new XMLHttpRequest(), salida = document.querySelector("#id del elemento");
ajax.open("GET", "ejemplo.php?estado=" + valor, true);
ajax.addEventListener("load", function(){
if (this.status == 200){
salida.innerHTML = this.responseText;
}
}, false);
ajax.send();
}
De esta manera, se crea una instancia del objeto
XMLHttpRequest
, el cual permite realizar la petición asíncrona, y realizas la petición utilizando el método HTTP GET el cual es
constructor, es decir, es el método adecuado para realizar consultas al servidor y elaborar una vista de acuerdo a la información obtenida, la cual será —para este ejemplo—, la tabla con los datos obtenidos de la basa de datos. La
salida
hace referencia a un elemento HTML en el cual se mostrará el resultado; por ejemplo, un
<div>
.
En el archivo PHP, deberás recibir al dato de la siguiente manera:
Código PHP:
Ver original$estado = $_GET['estado']; //Si deseas, puedes filtrarlo
Y una vez realizada la consulta a la base de datos, procedes a imprimir la tabla HTML con los datos obtenidos. Dicha tabla será la respuesta que desde el lado del servidor se enviará hacia el lado del cliente, en donde se realizó la petición asíncrona.
Un saludo