Guardar en base de datos con eventos de javascript

patilanz · #1 (**permalink**) 28/08/2012, 12:46

Hola a todos :)

Tengo una pregunta sobre como se puede hacer que cuando por ejemplo doy click en un enlace que no lleva a ningun destino pero que si hace una funcion que es que guarda algo en base de datos. Es decir que quiero que con eventos javascript se guardan cosas en base de datos. Se puede hacer asi??

Gracias :)

Dradi7 · #2 (**permalink**) 28/08/2012, 12:47

pero para esto debes usar ajax investiga un poco de ajax en la web

patilanz · #3 (**permalink**) 28/08/2012, 14:08

Cita:

Iniciado por Dradi7

pero para esto debes usar ajax investiga un poco de ajax en la web

Gracias por tu respuesta pero esque tengo un libro de javascript que tiene unas cuantas paginas sobre ajax pero que solo me ensenaba como recoger datos de un archivo php. Voy a ver mas sobre ajax en la web.

Un saludo :)

pollin14 · #4 (**permalink**) 28/08/2012, 15:19

Un ejemplo:

guardaNombre.php

Código PHP:

Ver original<?php
$db = new mysqli('localhost','user_name','password','Tiendita');
if(!$db) die("Error al conectase a la base de datos");
$query = sprintf('inserto into Usuarios nombre values("%s");',$_POST['nombre']);
 
if(!$db->query($insert))die($db->error);
 
echo 'Todo salio bien';
?>

guardaNombre.js

Código Javascript:

Ver original$(document).ready(function(){
    $('#guarda').click(function(){
    
        var nombre = $('#nombre').val();
        
        $.ajax({
            type:"POST",
            url:"guardaNombre.php",
            data:{nombre:nombre}
            typedata:text,
            success: function(text){
                alert(text);
                }
            })
        });
    });

guardaNombre.html

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head></head>
<script src="jquery.js" type="text/javascript"></script>
<body>
 
Nombre <input type="text" id="nombre"/> <botton id="guarda">guarda</button>
 
</body>
</html>

Código SQL:

Ver originalCREATE DATABASE Tiendita;
 
CREATE TABLE Usuarios (
    idUsuario INTEGER NOT NULL AUTO_INCREMENT PRIMARY KEY,
    nombre VARCHAR(45) NOT NULL);

Descarga la libreria jquery, renombrala y pon todos los archivos en la misma carpeta. Y así es como se guarda algo en la base de datos sin recargar la pagina.

Te recomiendo utilizar jquery en vez de usar directamente javascript. Con javascript es muchisimos mas dificil y engorroso. (jquery "extension" de javascript)

Dradi7 · #5 (**permalink**) 28/08/2012, 16:09

Cita:

Iniciado por pollin14

Un ejemplo:

guardaNombre.php

Código PHP:

Ver original<?php
$db = new mysqli('localhost','user_name','password','Tiendita');
if(!$db) die("Error al conectase a la base de datos");
$query = sprintf('inserto into Usuarios nombre values("%s");',$_POST['nombre']);
 
if(!$db->query($insert))die($db->error);
 
echo 'Todo salio bien';
?>

guardaNombre.js

Código Javascript:

Ver original$(document).ready(function(){
    $('#guarda').click(function(){
    
        var nombre = $('#nombre').val();
        
        $.ajax({
            type:"POST",
            url:"guardaNombre.php",
            data:{nombre:nombre}
            typedata:text,
            success: function(text){
                alert(text);
                }
            })
        });
    });

guardaNombre.html

Código HTML:

Ver original<!DOCTYPE html>
<html>
<head></head>
<script src="jquery.js" type="text/javascript"></script>
<body>
 
Nombre <input type="text" id="nombre"/> <botton id="guarda">guarda</button>
 
</body>
</html>

Código SQL:

Ver originalCREATE DATABASE Tiendita;
 
CREATE TABLE Usuarios (
    idUsuario INTEGER NOT NULL AUTO_INCREMENT PRIMARY KEY,
    nombre VARCHAR(45) NOT NULL);

Descarga la libreria jquery, renombrala y pon todos los archivos en la misma carpeta. Y así es como se guarda algo en la base de datos sin recargar la pagina.

Te recomiendo utilizar jquery en vez de usar directamente javascript. Con javascript es muchisimos mas dificil y engorroso. (jquery "extension" de javascript)

Muy bueno tu ejemplo

Pero recomendar usar jQuery en vez de Javascript estoy totalmente desacuerdo, jQuery solamente es un simple framework que facilita usar el trabajo cuando es un proyecto grande, si uno no sabe JavaScript mucho menos va a poder entender como funciona jQuery aunque este te facilite todas las cosas.

Es un grave error que menciones que jQuery es una "extension" de javascript, en que te basas para decir esto?, existen proyectos en los cuales uno no debe utilizar para nada ninguna librería y decir o enseñar a otros que opten defrente a usar jQuery es algo absurdo, al final en cuentas no vas a prender realmente interpretar como funciona internamente jQuery si no sabes como utilizar correctamente el Javascript

webcolombiahosting · #6 (**permalink**) 28/08/2012, 19:25

Cita:

Iniciado por Dradi7

Muy bueno tu ejemplo

Pero recomendar usar jQuery en vez de Javascript estoy totalmente desacuerdo, jQuery solamente es un simple framework que facilita usar el trabajo cuando es un proyecto grande, si uno no sabe JavaScript mucho menos va a poder entender como funciona jQuery aunque este te facilite todas las cosas.

Es un grave error que menciones que jQuery es una "extension" de javascript, en que te basas para decir esto?, existen proyectos en los cuales uno no debe utilizar para nada ninguna librería y decir o enseñar a otros que opten defrente a usar jQuery es algo absurdo, al final en cuentas no vas a prender realmente interpretar como funciona internamente jQuery si no sabes como utilizar correctamente el Javascript

Si es cierto pero el coloco "extensión" (entre comillas) no afirmo que lo fuera.

caricatos · #7 (**permalink**) 28/08/2012, 19:36

Hola:

Cita:

Iniciado por patilanz

...un enlace que no lleva a ningun destino...

Te recomiendo que te acostumbres a hacer las páginas accesibles, y semánticamente correctas... los enlaces se usan para enlazar, para lanzar scripts puedes usar eventos, aunque en cuestiones de accesibilidad no creo que sean recomendables...

Cita:

Iniciado por pollin14

Te recomiendo utilizar jquery en vez de usar directamente javascript. Con javascript es muchisimos mas dificil y engorroso...

¡Menuda chorrada...!

Saludos

patilanz · #8 (**permalink**) 29/08/2012, 01:12

Gracias por vuestras respuestas :)

Yo también creo que es mejor usar javascript que query porque si query es 'extension' deberias de poder hacer todo lo que haces con query tambien y con javascript hasta mas cosas.

Pollin 14 gracias por tu ejemplo pero buscare algo que no necesite query.

Gracias :)