Jquery-ajax para mostrar mensaje

[Nicolas Ezequiel Almonacid]

Hola amigos, como han estado, espero que todo anden de lo mejor, queria hacerles una consultita, estoy trabajando con boostrap, pdo y query

lo que necsito hacer es que al realizar una accion del crud (ya sea insertar un registro, actualizar, borrar) me muestre el mensaje que genere el script php correspondiente, y de paso evito que se refresque la pagina.

actualmente trabajo con un archivo deonde tengo todas las funciones del crud (insert, delete), y desde las paginas voy instanciando la conexion y llamando a estas funciones, por ejemplo:

Funciones.php, codigo de funcion insert:

//Inserción de Datos en Base de Datos
        function insertarAvisos($rutas = array('', '')){
          /* echo '<pre>';
                print_r($rutas);
                echo '</pre>';*/
           
           
           try{
               
               $titulo_aviso=filter_input(INPUT_POST,$titulo_aviso,FILTER_SANITIZE_MAGIC_QUOTES);
               
                $query  ="INSERT INTO avisos (titulo_aviso,categoria_aviso,tipo_aviso,comuna,aviso_completo,valor_producto,fecha_publicacion,nombre,telefono_celular,telefono_fijo,correo_electronico,direccion,img1,img2,img3,img4,img5)"; //,img1,img2,img3,img4,img5
                $query .="VALUES(:titulo_aviso,:categoria_aviso,:tipo_aviso,:comuna,:aviso_completo,:valor_producto,:fecha_publicacion,:nombre,:telefono_celular,:telefono_fijo,:correo_electronico,:direccion,:img1,:img2,:img3,:img4,:img5)"; //,:rutas[0],:rutas[1],:rutas[2],:rutas[3],:rutas[4]
                //Preparamos la consulta
                $stmt= $this->con->prepare($query);
                $stmt->bindParam(':titulo_aviso',$_POST['titulo_aviso'],PDO::PARAM_STR);
                $stmt->bindParam(':categoria_aviso', $_POST['categoria_aviso'] ,PDO::PARAM_STR);
                $stmt->bindParam(':tipo_aviso', $_POST['tipo_aviso'] ,PDO::PARAM_STR);
                $stmt->bindParam(':comuna', $_POST['comuna'],PDO::PARAM_STR);
                $stmt->bindParam(':aviso_completo', $_POST['aviso_completo'],PDO::PARAM_STR);
                $stmt->bindParam(':valor_producto', $_POST['valor_producto']);
                //Fecha de Publicacion
                $stmt->bindParam(':fecha_publicacion',date('Y-m-d', time()),PDO::PARAM_STR);
                $stmt->bindParam(':nombre', $_POST['nombre'] ,PDO::PARAM_STR);
                $stmt->bindParam(':telefono_celular', $_POST['telefono_celular']);
                $stmt->bindParam(':telefono_fijo', $_POST['telefono_fijo']);
                $stmt->bindParam(':correo_electronico', $_POST['correo_electronico'] ,PDO::PARAM_STR);
                $stmt->bindParam(':direccion', $_POST['direccion'] ,PDO::PARAM_STR);
                $stmt->bindParam(':img1', $rutas[0]); //, $this->rutas[0]
                $stmt->bindParam(':img2' ,$rutas[1]);
                $stmt->bindParam(':img3' ,$rutas[2]);
                $stmt->bindParam(':img4' ,$rutas[3]);
                $stmt->bindParam(':img5' ,$rutas[4]);

                //Ejecutamos la Consulta
                $stmt->execute();
                echo "<div class='alert alert-success alert-dismissable'>";
                echo "<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;</button>";
                echo "Su aviso ha Sido Publicado con Exito...Gracias por Utilizar nuestra Plataforma";
                echo "</div>";

                }catch(PDOException $e){
                       echo $e->errorInfo;
                echo "<div class=\"alert alert-danger alert-dismissable\">";
                echo "<button type=\"button\" class=\"close\" data-dismiss=\"danger\" aria-hidden=\"true\">&times;</button>";
                echo "Su aviso no se ha podido Publicar...Por favor Intente mas Tarde";
                echo "</div>";
                }//catch
 
        }//funcion InsertarAvisos

y lo llamo asi en la pagina desde donde hago el insert:

  try{
       
        $obj->insertarAvisos($rutas);
            //print_r($_POST);
    }catch(PDOException $e){
        echo $e;
    }
     

y con jqery-ajax tengo el siguiente codigo:

 <!--Ajax-->
        <script type="text/javascript">
        $(function(){
           
        $("#actualizar").click(function(){
           
            var url="update.php"; //aca tengo la duda, ya que la funcion update la tengo en un archivo aparte
           
            $.ajax({
               
                type:"POST",
                url:url,
                data:$("#frmupdate").serialize(),
               
            success: function (data)
            {
                $("#mensaje").html(data);
            }
               
            });
           
            return false;
           
            });
   
   
   
   
        });
       
       
       
        </script>

ahora, con jquery-ajax, trato de mostrar en "alerts" de boostrap (divs con estilos predetrminados) los mensajes pero no me resulta, al hacer por ejemplo un insert me aparece asi:


me toma efectivamente el mensaje del script, y me muestra el boton de cierre del div alert, pero el jqeury no lo esta tomando...

Saludos a todos y muchas gracias

[oscar]

Hola Nicolas, no logro comprender que es lo que no te esta funcionando, si hace el update entonces el asunto es en el js si es alli y no te toma los estilos de la ventana modal de bootstrap es por q estas talvez haciendo la apertura de la modal de manera erronea, o los css del mismo no estan bien enlazados.

[Jonathan Morales Salazar]

según entiendo es un problema de diseño, probablemente tenga mal las rutas del css, pruebe con rutas absolutas para todos los archivos que incluye como los css y js.

--
--
Publicar: programa...@googlegroups.com
Anular suscripción: programando-an...@googlegroups.com
Webs: http://www.blonder413.com/ - http://www.cesarcancino.com/ - http://www.oscar-gomez.net/ - http://www.keyphercom.com/blog/

---
Has recibido este mensaje porque estás suscrito al grupo "Programando Ando" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus mensajes, envía un correo electrónico a programando-an...@googlegroups.com.
Para acceder a más opciones, visita https://groups.google.com/d/optout.

--

Jonathan Morales Salazar
Ingeniero de Sistemas
www.blonder413.com

[oscar]

estoy casi seguro que es por que para abrir una modal sobre todo la de bootstrap debe haber una instancia de la funcion modal para poder q esta abra la ventana modal.

El miércoles, 13 de agosto de 2014 17:49:58 UTC-5, Nicolas Ezequiel Almonacid escribió:

<img src="data:image/png;base64,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yb3jnIaX2+357Cwzri1OsF50v8qDQm3u/bmmP144mhcVZp3mXC+8u4834d0Yhramo5+Fe05Iox+/ePNX33t5rlepNqcR8K4Zfp7c5icInMsJafSj52/+8tMX53qVatII3lXSiK/bCWn0w+dv/uKfn5/rVapJI3gndf9DZnoGb9lt0+jD33/6j5/97NOfvvrz735x/1epU6qVmlN1AN5vt02j3/njp7/7p9959l+f/+CL1/d/lTqlWqk5VQfg/XbbNCp+66MnH3776QePntz/VeqUalNdAN57J6QRALwl0giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB80giAfNIIgHzSCIB...

[Nicolas Ezequiel Almonacid]

gracias a todos por sus comentarios, creo que esta en el js y la llamada al "script", tengo un formulario de contacto implementado con loq ue necesito hacer y me funciona sin problemas, solo que en ese caso puntual, el script esta en un archivo php todo junto, en la situacion actual que tengo que resolver, la funcion insert esta en un archivo php junto con otras funciones, y en el ajx es donde si llamo al archivo funciones.php, no sabria que hacer...analizandolo creo queva por ahi
pero de todos modos reparasre las rutas, probare con rutas absolutas y vere lo que me comenta el amigo oscar...