Consulta con JQuery + ajax + PHP + JSON + MySQL + PDO

En este tutorial vamos a ver como hacer una consulta con Jquery y ajax, a un fichero PHP. La respuesta la dará el PHP en JSON para que sea mas liviana.

La consulta será realizada a un MySQL a través de PDO.

Ésta consulta sirve tanto para hacer login, dar de alta un usuario o simplemente para consultar cualquier cosa sin actualizar la página. En nuestro caso haremos un ejemplo para hacer login.

En este tutorial utilizaremos la version de JQuery 1.8.2.

También utilizaremos el plugin de JQuery de md5 para enviar el password encriptado, así evitamos que nuestra contraseña se envíe en texto plano y pueda ser leída por sniffers.

Comenzamos con la parte de JQuery. Para ello creamos un fichero llamado index.php con el siguiente código:

Con esto ya tenemos el código del index.php, ahora falta el código del consulta.php que tenemos a continuación:

Por último tenemos el código de DB_Functions.php:

 

Con éste tutorial hemos aprendido a:

1.     Realizar consultas con JQuery + ajax.

2.     Algunas funciones de JQuery como onClick o val()

3.     Como realizar consultas a la base de datos a través de PHP + PDO evitando SQL injection

4.     Como devolver resultados a JQuery a través de JSON

5.     Encriptar contraseñas con JQuery para evitar enviarlas en texto plano

Espero que os sirva. Dudas en los comentarios.

12 pensamientos en “Consulta con JQuery + ajax + PHP + JSON + MySQL + PDO”

    1. El código es el que ves, no hay nada más. La base de datos solo tiene una tabla llamada usuarios que tiene los campos usuario y password que son varchar(50).

      Saludos

    1. Gracias por tu comentario. El código está comentado entero explicando que hace cada línea, de todas formas lo tendré en cuenta para futuros tutoriales.

      Saludos

  1. hola, muy bueno, me ayudo en un proyecto a mejorar ciertas cosas, una pregunta: puedes mandar la informacion desde jquery utilizando serialize() ? Es que veo que la mandas crea do un nuevo objeto y creo que obtienes el mismo resultado con serialize para que sea tratada como json

  2. Porque se vuelve a encriptar en el php si lo que habria que hacer es desencriptar lo que se recibe del post y enviarlo porque asi el select no devolveria valores porque el password nunca va a ser el de la base

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *