1

Intento pasar un dato a través del método POST con ajax, pero en el archivo php al que lo mando no consigo que recoja los datos. Adjunto código.

Aqui es donde con ajax intento mandar los datos, a mi php que recibe el array de POST vacío.


<script type="text/javascript">
        function contratar(valor){
            alert(valor);
            $.ajax({
                data: { id: valor },
                url:'contratar.php',
                type: 'POST',
                success: function(){
                    alert("Proveedor correctamente añadido");
                    window.location = 'contratar.php';

                },
                error: function(XMLHttpRequest, textStatus, errorThrown) { 
                    alert("Status: " + textStatus); alert("Error: " + errorThrown); 
                }

            });
        }
    </script>  

Aquí por medio de php voy haciendo echo y más tarde hago un onclick que llamará a la función donde esta ajax.

<div class="catalogo">
        <table class="table" > 
            <?php
                $contador=0;
                $resultado = mostrarProveedores();
                foreach($resultado as $valor){
                    foreach($valor as $valor2){

                        if($contador==3){
                            echo '<tr>';
                            $contador=1;
                        }
                        else{
                            $contador++;
                        }

                        echo '<th style="text-align:center;">';
                        echo '<img src="uploads/'.$valor2.'" alt="Proveedor" class="rounded mx-auto d-block" height="130px" width="130px">';
                        echo '<br>';
                        echo '<input type="button" value="Contratar" class="btn btn-primary" onclick="contratar(\'.$valor2.\')">';
                        echo '</th>';
                    }
                }


            ?>
        </table> 

    </div>

El problema esta en que $_POST['email'] es nulo.

function contratar(valor) {
            let str = "email=jorge";
            alert(valor);
            var xhttp = new XMLHttpRequest();
            xhttp.open("POST", "contratar.php", true);
            xhttp.setRequestHeader("Content-type", "aplication/x-www-form-urlencoded");
            xhttp.send(str);
            xhttp.onreadystatechange = function() {
                if (this.readyState == 4 && this.status == 200) {
                let a = this.responseText;
                console.log(a);
                }
            };

        }
2
  • Revisa la configuración de ajax, los datos no se pasan así, más bien es data: { id: valor }. Además, considera poner el código como código y no como imagen, así facilitas las cosas.
    – track3r
    Commented el 22 may. 2020 a las 18:42
  • Te lo pongo con el ajax de jquery: data: { id: valor, email: "jorge" }, aunque imagino que el correo es en realidad el usuario que está trabajando con la web, entonces es mejor guardar dicha variable en una session en el momento del login para que un usuario malicioso no pueda falsearla.
    – track3r
    Commented el 22 may. 2020 a las 23:51

1 respuesta 1

0

Debes enviar los parámetros dentro de un objeto y no como un string en esta parte de tu código:

<script type="text/javascript">
    function contratar(valor){
        alert(valor);
        $.ajax({
            data: 'id='+valor,
            url:'contratar.php',
            type: 'POST',
            success: function(){
                alert("Proveedor correctamente añadido");
                window.location = 'contratar.php';

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) { 
                alert("Status: " + textStatus); alert("Error: " + errorThrown); 
            }

        });
    }
</script>

¿Cómo quedaría el código ajax enviándolo correctamente?

Reemplaza la línea donde mandas data:'id='+valor por data : {id : valor} donde {id : valor} es el objeto que recibe y envía n números de valores con la estructura "clave" y "valor".

<script type="text/javascript">
    function contratar(valor){
        alert(valor);
        $.ajax({
            data: { id: valor },
            url:'contratar.php',
            type: 'POST',
            success: function(){
                alert("Proveedor correctamente añadido");
                window.location = 'contratar.php';

            },
            error: function(XMLHttpRequest, textStatus, errorThrown) { 
                alert("Status: " + textStatus); alert("Error: " + errorThrown); 
            }

        });
    }
</script>  

En tu código PHP donde estás haciéndole el POST, tienes que hacer referencia a la misma clave que enviaste desde ajax como $_POST["id"]

El error que te está mencionando es que no encuentra ninguna llave en $_POST ya que como te dije anteriormente, nunca se la estás mandando.

Además, la línea que muestra el input, está mal, mejor usa esta otra:

echo "<input type='button' value='Contratar' class='btn btn-primary' onclick='contratar(\"$valor2\")'>";

Te dejo esta referencia sobre cómo mandar parámetros con ajax y qué es un objeto en javascript.

15
  • Corregí con tus aportaciones, pero sigo sin recibir en el php. Me he dado cuenta, de que si hago un alert de mi variable 'valor' la que paso por parámetro a la función no es legible. Podría ser debido a que los caracteres de la función onclick no están como deberían? Gracias de antemano!
    – Grego
    Commented el 22 may. 2020 a las 19:00
  • Veo que ocupas un echo '<input type="button" value="Contratar" class="btn btn-primary" onclick="contratar(\'.$valor2.\')">'; No es necesario que concatenes la variable como lo estás haciendo. Cambia eso por esto: '<input type="button" value="Contratar" class="btn btn-primary" onclick="contratar('.$valor2.')">'; y dime si ya recibes algo en tu alert Commented el 22 may. 2020 a las 19:28
  • La concatene porque al hacerlo como me dices, me sale el siguiente error:Uncaught ReferenceError: naturalPizza is not defined at HTMLInputElement.onclick (proveedores.php:58) Mi script esta en la misma página por lo que creo que debería reconocer la función.
    – Grego
    Commented el 22 may. 2020 a las 19:34
  • Una duda con eso, $valor2 qué tipo de dato es? Te lo pregunto porque si es numérico está bien como te lo mandé, pero si no es así, yo te recomiendo hacerlo de otra manera, para que siempre tomes el valor que sea y lo mandes por ajax, vi que ya actualiazste tu pregunta, Commented el 22 may. 2020 a las 21:48
  • Cambia la línea '<input type="button" value="Contratar" class="btn btn-primary" onclick="contratar(\'.$valor2.\')">'; por esta otra "<input type='button' value='Contratar' class='btn btn-primary' onclick='contratar('".$valor2."')'>";
    – track3r
    Commented el 22 may. 2020 a las 21:59

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.