0

necesito de vuestra ayuda. Mi problema es el siguiente:

  • Necesito enviar un ID a través de una variable POST sin tener que hacerlo en un formulario.

He intentando con AJAX JQUERY pero no me funciona al momento de intentar rescatar la variable $_POST en mi archivo PHP no me la obtiene. Tengo el siguiente código pero no me esta funcionando, les dejo el código de mis archivos:

INDEX PHP

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Probando Jquery</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
</head>
<body>
  <main>
      <h1>ENVIAR VARIABLE POST JQUERY AJAX</h1>
      <input type="hidden" class="form-control d-none" id="inputName" value="1">
      <button class="btn btn-primary" id="btnEditar">editar</button>
  </main>

  <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
  <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
  <script src="controller.js"></script>
  <!-- LLAMO A MI ARCHIVO PHP PARA MOSTRAR LA VARIABLE POST-->
  <?php require_once "controller.php"?>
</body>
</html>

JAVASCRIPT

    $(document).ready(function(){

    $("#btnEditar").click(function(){

        var dato = $("#inputName").val();
        alert(dato);


        $.ajax({
                url: 'controller.php',
                type: 'POST',
                data: {id_dato:dato},
                success: function(){
                   alert("Ha sido ejecutada la acción.");
                }
        });

    });
});

CONTROLLER.PHP

    <?php 
    if(isset($_POST["id_dato"])){
        echo $_POST["id_dato"];
    }
?>
  • En el archivo INDEX.PHP estoy ocupando un input oculto que tiene un value=1 ese value es el que necesito enviar como variable POST a mi archivo PHP.

espero haberme explicado bien, saludos.

2 respuestas 2

0

cambia

$(document).ready(function(){
    $("#btnEditar").click(function(){
        var dato = $("#inputName").val();
        alert(dato);
        $.ajax({
                url: 'controller.php',
                type: 'POST',
                data: {id_dato:dato},
                success: function(){
                   alert("Ha sido ejecutada la acción.");
                }
        });

    });
});

por

$(document).ready(function(){
    $("#btnEditar").click(function(){
        let url = "controller.php";
        var dato = $("#inputName").val();
        $.post(url, {'id_dato':dato}, function(data){
                alert( 'data')
            }); 
    });
});

     
2
  • claro, el alert(data) me esta mostrando un valor 1, es decir, el value del input. Pero en el archivo controller.php no me encuentra la variable POST["id_dato"]. La verdad ya nose que es lo que puede ser, saludos. Commented el 4 nov. 2020 a las 14:12
  • imprime la variable $_POST sin mas a ver que datos hay
    – Aleman
    Commented el 5 nov. 2020 a las 13:20
0

1.- revisa tu consola en el apartado de Red/xhr/encabezados y revisa si se esta enviando la variable id_dato=1.

2.- cambia

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Probando Jquery</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
    </head>
    <body>
        <main>
            <h1>ENVIAR VARIABLE POST JQUERY AJAX</h1>
            <input type="hidden" class="form-control d-none" id="inputName" value="1">
            <button class="btn btn-primary" id="btnEditar">editar</button>
        </main>

        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
        <script src="controller.js"></script>
        <!-- LLAMO A MI ARCHIVO PHP PARA MOSTRAR LA VARIABLE POST-->
        <?php require_once "controller.php"?>
    </body>
</html>

Por:

<!DOCTYPE html>
<html lang="es">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Probando Jquery</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
        <script src="controller.js"></script>
    </head>
    <body>
        <main>
            <h1>ENVIAR VARIABLE POST JQUERY AJAX</h1>
            <input type="hidden" class="form-control d-none" id="inputName" value="1">
            <button class="btn btn-primary" id="btnEditar">editar</button>
        </main>
    </body>
</html>
5
  • se me olvido mencionar pero igual probé con !empty(). Creo que si me esta mandando la variable porqe hice un console.log(data) y en consola me muestra el valor de la variable. La verdad no se que puede ser... Commented el 3 nov. 2020 a las 17:44
  • A ver pon así tu URL url: '/controller.php',
    – HectorCPR
    Commented el 3 nov. 2020 a las 18:04
  • no. de hecho ni siquiera me ejecuta el function en success.. Commented el 4 nov. 2020 a las 2:12
  • cambia de posición tus URL de js al <head> bro. y no necesitas poner el <?php require_once "controller.php"?>
    – HectorCPR
    Commented el 4 nov. 2020 a las 18:32
  • Investiga en google por favor como utilizar el inspeccionador de elementos para ver en consola los errores que te tire el código.
    – HectorCPR
    Commented el 4 nov. 2020 a las 18:43

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.