aquí un ejemplo usando jquery:
cuando de click en el boton Mostrar me captura por ejemplo el id del dato que quiero mostrar.
atravez de FormData puedo enviar varios valores al archivo php, que los recibe, damos un nombre a ese dato en este caso idDT y seguido enviamos la variable idDatos ("idDT", idDatos).
$(document).on("click",".botonMostrar", function(){
/**capturamos un valor de un input por ejemplo que tiene id="iddatos"*/
var idDatos = $('#iddatos').val();;
/*atravez de FormData recogemos los datos existentes le asignamos un nombre y le pasamos la variable*/
var datos = new FormData();
datos.append("idDT", idDatos);
/*abrimo ajax donde vamos a enviar a envar datos sin recargar pagina*/
$.ajax({
/*url ponemos la dirrecion de nuestro archivo ajax.php*/
/*el metodo de envio es POST*/
/*data type es la forma en que los archivos seran devueltos despues de hacer algo en php*/
url:"ajax/archivosinrecargarpagina.ajax.php",
method: "POST",
data: datos,
cache: false,
contentType: false,
processData: false,
dataType: "json",
success: function(respuesta){
console.log(respuesta);
/*** AQUI VA LO QUE QUIERES HACER CON TU RESPUESTA */
}
});
})
AQUI ARCHIVO PHP
<?php
class AjaxPHP{
/********************************************
ARCHIVO PHP DONDE VIENEN LOS DATOS ENVIADOS DESDE EL ARCHIVO JS CON METODO AJAX
*********************************************/
public $iddt;
public function ajaxConsulta(){
$valor = $this->iddt;
/*hacemos lo que queremos con ese valor por ejemplo la consulta a la bd*/
$respuesta = /*conexion, select*/;
/*ese resutado lo devolvemos a el archivo js donde estan solicitando la respuesta*/
echo json_encode($respuesta);
}
}
/*aqui estamos recibiendo la variable POST idDT
preguntamos si existe, instanciamos la clase ajaxPHP pasamos el valor recibido y ejecutamos el metodo consulta*/
if (isset($_POST["idDT"])) {
$editaram = new AjaxPHP();
$editaram -> iddt= $_POST["idDT"];
$editaram -> ajaxConsulta();
}
<?