[SOLUCIONADO] Ajax sin formulario no funciona

diegoguerrero · #1 (**permalink**) 15/06/2016, 06:34

¡Hola!

Tengo que crear un DIV que, al pulsarlo, se ejecuta un SCRIPT que llama a un php (Modificar.php) que, a su vez, después de todo, debe devolver un mensaje en forma de DIV o de alert() de Javascript. Lo he hecho pero ni funciona ni el navegador devuelve errores. Envío el código y si tienen alguna duda pregúntenme, por favor.

¡Gracias!

index.html (parte)

Código HTML:

Ver original<script>
                            $(document).ready(function(){
                                function ModoMantenimiento(){
                                    $.ajax({
                                        type: "POST",
                                        url: "Mantenimiento/Modificar.php",
                                        success: function(respuesta){
                                            alert(respuesta);
                                        },
                                    });
                                }
                            });
                        </script>
                        <div class="App" id="App8" onClick="javascript:ModoMantenimiento();">
                            <div class="Icono">
                                t
                            </div>
                            <div class="Nombre">
                                Mantenimiento
                            </div>
                        </div>

Mantenimiento/Modificar.php

Código PHP:

Ver original<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Mantenimiento</title>
    <link rel="stylesheet" href="../Estilos/Estilos.css">
    <link rel="stylesheet" href="../Librerias/Bootstrap/css/bootstrap.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
</head>
<body>
    <?php
        require ("../../SiempreAdjunto.php");
        if ($_SESSION['RolUsuario'] === '3'){
            $QueryBusquedaMatenimiento = "SELECT * FROM `Status` WHERE `Informacion` = 'ModoMantenimiento'";
            $MyQueryBusquedaMantenimiento = $MyConnect->query($QueryBusquedaMatenimiento);
            $MyFetchBusquedaMantenimiento = $MyQueryBusquedaMantenimiento->fetch_assoc();
            if ($MyFetchBusquedaMantenimiento['Estado'] == '0'){
                $QueryFinalMantenimiento = "UPDATE `Status` SET `Estado` = '1' WHERE `Informacion` = 'ModoMantenimiento'";
                $MyQueryFinalMantenimiento = $MyConnect->query($QueryFinalMantenimiento);
                $Final = "El modo de mantenimiento se ha activado.";
            }elseif ($MyFetchBusquedaMantenimiento['Estado'] == '1'){
                $QueryFinalMantenimiento = "UPDATE `Status` SET `Estado` = '0' WHERE `Informacion` = 'ModoMantenimiento'";
                $MyQueryFinalMantenimiento = $MyConnect->query($QueryFinalMantenimiento);
                $Final = "El modo de mantenimiento se ha desactivado.";
            }else{
                $Final = "Se ha producido un error. Contacta con los responsables de la plataforma.";
            }
        }else{
            $Final = "No tienes privilegios para ejecutar esta acción";
        }
        echo $Final;
    ?>
</body>
</html>

horusorion · #2 (**permalink**) 15/06/2016, 14:53

Hola, pregunta: Incluiste el archivo de jquery? y otra pregunta! porque usas el evento click dentro de la div si puedes hacerlo con jquery? yo lo haria de la siguiente forma:

[HIGHLIGHT="HTML"]<script>

Código Javascript:

Ver original$(document).ready(function(){
        $("#App8").click(function(){
          //para mi mejor es el get! porque no estas enviando nada ni necesitas grandes cosas!
          /*$.get("Mantenimiento/Modificar.php",{}, function(respuesta){
            //ejecutamos las instrucciones luego de...
            alert(respuesta);
          });*/
 
          //pero si quieres lo haces asi! da igual!
          $.ajax({
              type: "POST",
              url: "Mantenimiento/Modificar.php",
              success: function(respuesta){
                  alert(respuesta);
              },
          });
        })
    </script>
<div class="App" id="App8" onClick="javascript:ModoMantenimiento();">
<div class="Icono">
        t
</div>
  <div class="Nombre">
      Mantenimiento
    </div>
</div>

diegoguerrero · #3 (**permalink**) 17/06/2016, 14:03

Cita:

Iniciado por horusorion

Hola, pregunta: Incluiste el archivo de jquery? y otra pregunta! porque usas el evento click dentro de la div si puedes hacerlo con jquery? yo lo haria de la siguiente forma:

[HIGHLIGHT="HTML"]<script>

Código Javascript:

Ver original$(document).ready(function(){
        $("#App8").click(function(){
          //para mi mejor es el get! porque no estas enviando nada ni necesitas grandes cosas!
          /*$.get("Mantenimiento/Modificar.php",{}, function(respuesta){
            //ejecutamos las instrucciones luego de...
            alert(respuesta);
          });*/
 
          //pero si quieres lo haces asi! da igual!
          $.ajax({
              type: "POST",
              url: "Mantenimiento/Modificar.php",
              success: function(respuesta){
                  alert(respuesta);
              },
          });
        })
    </script>
<div class="App" id="App8" onClick="javascript:ModoMantenimiento();">
<div class="Icono">
        t
</div>
  <div class="Nombre">
      Mantenimiento
    </div>
</div>

¡Hola!

Probé con el código que me enviaste comentado pero no me funcionó. Incluí el archivo de JQuery que da Google (url https://ajax.googleapis.com/ajax/lib.../jquery.min.js) pero ni se inmuta. Por cierto, para más info, lo que hace el PHP es una consulta MySQL.

¡Gracias!

kip13 · #4 (**permalink**) 18/06/2016, 08:48

Hola, podrias verificar si existe algun error con Chrome usando el Inspeccionar elementos, CTRL + SHIFT + i, prueba de esa forma y fijate en el error que te muestre y nos comentas.

Saludos

diegoguerrero · #5 (**permalink**) 18/06/2016, 13:35

Cometí el error más tonto del mundo: dos DIV con el mismo ID, por eso no funcionaba.

¡Muchas gracias!