Skip to main content
se añadieron 267 caracteres en el cuerpo
Origen Enlace
CRIS19N
  • 425
  • 6
  • 24
    <?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();


                  /*si quieres saber con exactitud si la variable esta llegando a este archivo ajax puede hacer sin comentarlo echo json_encode($_POST["idDT"]); eso te devolvera el mismo valor ala pagina de javascript donde se esta solicitando la repuesta ajax  eso si tienes que comentar las lineas 
                    $editaram = new AjaxPHP();
                    $editaram -> iddt= $_POST["idDT"];
                    $editaram -> ajaxConsulta(); 
                    y como dije anteriormente solo dejas echo json_encode($_POST["idDT"]);*/
                }
        
        <?
 <?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();
        }

<?
    <?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();


                  /*si quieres saber con exactitud si la variable esta llegando a este archivo ajax puede hacer sin comentarlo echo json_encode($_POST["idDT"]); eso te devolvera el mismo valor ala pagina de javascript donde se esta solicitando la repuesta ajax  eso si tienes que comentar las lineas 
                    $editaram = new AjaxPHP();
                    $editaram -> iddt= $_POST["idDT"];
                    $editaram -> ajaxConsulta(); 
                    y como dije anteriormente solo dejas echo json_encode($_POST["idDT"]);*/
                }
        
        <?
se añadieron 267 caracteres en el cuerpo
Origen Enlace
CRIS19N
  • 425
  • 6
  • 24
<td>
    <div class="btn-group" role="group" aria-label="Third group">
       <button class="btn btn-warning modalMostrarDT" iddatos="1" data-toggle="modal" data-target="#modalMostrar"><i class="fa fa-pencil"></i></button>
    </div>
</td>
$(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 (ruta) de nuestro archivo ajax.php*php en ese caso esta dentro de una carpeta nombre ajax*/
             /*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: archivosinrecargarpagina.ajax.php

$(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

<td>
    <div class="btn-group" role="group" aria-label="Third group">
       <button class="btn btn-warning modalMostrarDT" iddatos="1" data-toggle="modal" data-target="#modalMostrar"><i class="fa fa-pencil"></i></button>
    </div>
</td>
$(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 (ruta) de nuestro archivo ajax.php en ese caso esta dentro de una carpeta nombre ajax*/
             /*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: archivosinrecargarpagina.ajax.php

Origen Enlace
CRIS19N
  • 425
  • 6
  • 24

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();
        }

<?