0

intento hacer un sistema de votaciones. Tengo un código que funciona en una página de prueba. El cual al hacer click en un botón, hace una consulta a la base de datos, recoge los votos, le suma 1 y realiaz el update. Y funciona. Ejecuta el código que hay en subirvoto.php correctamente

Es este:

$(document).ready(function(){
    $('.subir-voto').click(function(){
        var info = $(this).data("info");
        alert(info);
        $.ajax({
            type:"GET",
            url:"subirvoto.php?info="+info,
        
            success:function(r){
                if(r == 1){
                    alert("Correcto");
                } else {
                    alert("No se ha podido votar");
                }
            }
        });
        return false;
    });
});

y el código del botón que viene por php:

echo "<p><button class='subir-voto' data-info='" . $fila["id"] . "'>Me gusta (" . $fila["votos"] .")</button></p>";

Mis problemas es al intentar implementarlo en el código de mi página. el cual donde quiero que hagan click es en un enlace, es decir, no hay ningún formulario, y al no haber formulario, no sabría como pasar la id del producto sin tener el campo hidden dentro de un formulario, y también sin que se recargue la página al hacer click en el...

Es decir... Cómo podría por ajax, que al hacer click en dicho enlace, pasar un dato por medio de el, y que se ejecute el código php que hay en un archivo distinto ? y todo esto sin que se recargue la página ?

EDITO: He probado con el mismísimo código en otra página a parte y funciona correctamente, pero donde tendría que funcionar no. He visto esta diferencia en la herramienta para desarrolladores

En página a parte: introducir la descripción de la imagen aquí

Veo que aparece lo de EVENT...

En la página donde tendría que funcionar, con el mísmo código: introducir la descripción de la imagen aquí

Aquí no aparece lo de EVENT

1 respuesta 1

1

Puedes utilizar un botón con un atributo data, posteriormente lo capturas en la función click, y haces un ajax pero en lugar de con POST con GET, algo como:

$(document).ready(function(){
    $('#boton').click(function(){
      var info = $(this).attr("data-info");
          $.ajax({
              type:"GET",
              url:"subirvoto.php?info="+info,
              success:function(r){
                  if(r == 1){
                      alert("Correcto");
                  } else {
                      alert("No se ha podido votar");
                 }
              }
          });
          return false;
      });
});
<button id="boton" data-info="xxxx">Boton</button>

Puede ayudarte esta entrada en inglés.

15
  • He probado con tu código, pero al presionar en el botón no hace nada, recojo el data por $_GET["info"] en donde está el archivo php destino, pero nada, edberia almenos ejecutar los alert, pero tampoco
    – David
    el 6 nov. 2021 a las 12:43
  • He modificado la forma de pasar el parámetro directamente en la url
    – Vicent
    el 6 nov. 2021 a las 13:58
  • me sigue pasando igual, al darle no ejecuta los alerts de correcto o incorrecto, y tampoco ejecuta el código php de la url, he editado el hilo y te he puesto lo que tengo
    – David
    el 7 nov. 2021 a las 10:57
  • Modifico la forma de capturar el data atribute.
    – Vicent
    el 7 nov. 2021 a las 11:39
  • Lo mismo, he probado despues de delcarar la variable info a hacer un alert con ella y tampoco lo realiza, parece que directamente no haga nada al presionar click en el boton. La llamada al archivo js la tengo en el head, no se si cinfluye en algo
    – David
    el 7 nov. 2021 a las 12:03

Tu Respuesta

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

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