1

Intento enviar una petición AJAX a una página PHP. La respuesta es "sucess" pero no la capturo correctamente en el archivo PHP, he intentado con varios formatos, ya que me interesa la respuesta y no lo que envío, solo capturar la petición y contestarla, y no soy capaz de capturarla correctamente. Mi código es el siguiente:

Archivo PHP

<?php
include 'conn_esp.php';
$pais ='a';
 $conn = connection();

 if(isset($_POST['pidiendoluz'])){

    $pais = 'guay';
    $pais = $_POST['pidiendoluz'];
    echo '<br>'.$pais ;
}
echo '<br>'.$pais ;
?>

Archivo JS:

$(document).ready(function () { var pidiendoluz = "urug";

  $("#pidiendoluz").click(function () {
    var jsxhr = $.ajax({
      url: "RecibiendoPeticion.php",
      type: "POST",
      //contentType: "application/x-www-form-urlencoded",
      //contentType:'text/plain',
      data: pidiendoluz,
      beforeSend: function () {
        alert(pidiendoluz);
      },
      success: function () {
        alert("sucess");
      },
    });

    jsxhr.fail(function (jqXHR, textStatus, errorThrown) {
      if (jqXHR.status === 0) {
        alert("Not connect: Verify Network.");
      } else if (jqXHR.status == 404) {
        alert("Requested page not found [404]");
      } else if (jqXHR.status == 500) {
        alert("Internal Server Error [500].");
      } else if (textStatus === "parsererror") {
        alert("Requested JSON parse failed.");
      } else if (textStatus === "timeout") {
        alert("Time out error.");
      } else if (textStatus === "abort") {
        alert("Ajax request aborted.");
      } else {
        alert("Uncaught Error: " + jqXHR.responseText);
      }
    });
  }); // end #pidiendoluz

  
}); //end doc.ready
4
  • 1
    que te interesa de la respuesta??? el status o el contenido de la respuesta??
    – user46896
    Commented el 12 ago. 2021 a las 20:18
  • Hola Francisco. Me interesa que php capture la petición, por lo que leo en jquery, podría capturar clave : valor, pero la variable global S_POST no captura nada parece, aunque la respuesta es sucess, o sea enviada correctamente la petición al servidor
    – Diegol
    Commented el 13 ago. 2021 a las 17:25
  • la variable en php es $_POST con símbolo de dolare y no se trata de pasar una variable se trata de pasar un set de datos de formulario: developer.mozilla.org/en-US/docs/Web/API/FormData
    – user46896
    Commented el 13 ago. 2021 a las 21:00
  • Creo que la parte del código php: $pais="guai"; Esta de mas.
    – DABL03
    Commented el 14 ago. 2021 a las 3:22

2 respuestas 2

2

Como te decía en los comentario el método adecuando para enviar datos por ajax es creando un set de datos de formulario, esto se consigue con:

var formData = new FormData(); // Currently empty
formData.append('pidiendoluz', 'urug'); //add a key value element

entonces en tu ajax envías el objeto formData:

 var jsxhr = $.ajax({
      url: "RecibiendoPeticion.php",
      type: "POST",
      //contentType: "application/x-www-form-urlencoded",
      //contentType:'text/plain',
      data: formData,
      success: function (data) {
        console.log(data)
      },
    });

Documentación asociada:
https://developer.mozilla.org/en-US/docs/Web/API/FormData/FormData

Otro Ejemplo:
https://es.stackoverflow.com/a/476680/46896

como acceder a la informacion en php, Si enviaste el objeto de arriba quedaría de la siguiente forma:

echo $_POST['pidiendoluz'];

#output:
urug
5
  • Gracias por tu ayuda pero el objeto FormData me da error en JQuery. Lo he intentado mandar como clave :valor en unavariable , el objeto se crea y me contesta done, como que lo ha enviado, pero mi código php no captura nada. Seguiré intentándolo
    – Diegol
    Commented el 15 ago. 2021 a las 12:13
  • y que contiene $_POST puedes imprimir con var_dump y agregarlo a tus comentarios o pregunta???
    – user46896
    Commented el 15 ago. 2021 a las 19:57
  • Lo he conseguido, pero lo he vuelto a estropear, cosas del directo, muchas gracias por tu apoyo. El FormData () no me lo acepta jQuery 3.6 !?, Pero con un new http request, o sea sin jQuery si lo conseguí. El fallo estaba en que intentaba capturar en PHP el nombre del formulario en vez de la variable contenida en él. Ahora lo volví a estropear pero ya lo tengo, supongo. Muchas gracias!!
    – Diegol
    Commented el 16 ago. 2021 a las 20:06
  • @Diegol ok entonces agrega o marca la respuesta que mas se acerca a tu solución.
    – user46896
    Commented el 16 ago. 2021 a las 22:54
  • @Diegol que raro new FormData es un objeto de JavaScript, no depende de la version de JQuery.
    – user46896
    Commented el 21 sept. 2021 a las 19:38
1

Tienes que acceder a los datos que retorna la llamada:

var jsxhr = $.ajax({
      url: "RecibiendoPeticion.php",
      type: "POST",
      //contentType: "application/x-www-form-urlencoded",
      //contentType:'text/plain',
      data: pidiendoluz,
      beforeSend: function () {
        alert(pidiendoluz);
      },
      success: function (data) {
        // `data` son los resultados de la llamada
        alert(data);
        alert("sucess");
      },
    });

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.