Ver Mensaje Individual
  #5 (permalink)  
Antiguo 28/08/2012, 16:09
Avatar de Dradi7
Dradi7
 
Fecha de Ingreso: junio-2008
Ubicación: Peru - Lima
Mensajes: 1.518
Antigüedad: 16 años, 6 meses
Puntos: 220
Respuesta: Guardar en base de datos con eventos de javascript

Cita:
Iniciado por pollin14 Ver Mensaje
Un ejemplo:

guardaNombre.php
Código PHP:
Ver original
  1. <?php
  2. $db = new mysqli('localhost','user_name','password','Tiendita');
  3. if(!$db) die("Error al conectase a la base de datos");
  4. $query = sprintf('inserto into Usuarios nombre values("%s");',$_POST['nombre']);
  5.  
  6. if(!$db->query($insert))die($db->error);
  7.  
  8. echo 'Todo salio bien';
  9. ?>

guardaNombre.js
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2.     $('#guarda').click(function(){
  3.    
  4.         var nombre = $('#nombre').val();
  5.        
  6.         $.ajax({
  7.             type:"POST",
  8.             url:"guardaNombre.php",
  9.             data:{nombre:nombre}
  10.             typedata:text,
  11.             success: function(text){
  12.                 alert(text);
  13.                 }
  14.             })
  15.         });
  16.     });

guardaNombre.html
Código HTML:
Ver original
  1. <!DOCTYPE html>
  2. <script src="jquery.js" type="text/javascript"></script>
  3.  
  4. Nombre <input type="text" id="nombre"/> <botton id="guarda">guarda</button>
  5.  
  6. </body>
  7. </html>


Código SQL:
Ver original
  1. CREATE DATABASE Tiendita;
  2.  
  3. CREATE TABLE Usuarios (
  4.     idUsuario INTEGER NOT NULL AUTO_INCREMENT PRIMARY KEY,
  5.     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
__________________
La clave de todo triunfador es eliminar todas sus excusas y sus limitaciones