AJAX Java Script

AJAX en jQuery (Java Script)

AJAX es una técnica que se utiliza en Java Script para comunicar un cliente con un servidor de manera asíncrona. En este tutorial aprenderemos a realizar una petición AJAX en jQuery a un servidor con PHP. Una ventaja de utilizar jQuery es que no tenemos que preocuparnos por la compatibilidad con los distintos navegadores.

¿Cómo hacer una petición AJAX en jQuery?

Hacer esto con jQuery es muy sencillo y se puede realizar de varias formas, en nuestro caso vamos a utilizar la función $.ajax.
Primero vamos a crear nuestro archivo PHP con el siguiente código:

saludar.php

<?php
  // En caso de enviar una peticiÓn por get debemos usar
  // &_GET
  echo 'Bienvenido a ' . $_POST['parametro'];
?>

Ahora vamos a realizar la petición AJAX en jQuery por el método post al script saludar.php y le vamos enviar un parámetro.

index.html

<!DOCTYPE html>
<html>
  <head>
    <title>AJAX en jQuery</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
  </head>
  <body>
    <script>
      // Es importante notar que estamos utilizando jQuery
      $.ajax({
          url: "saludar.php",
          method: "POST",
          data: { parametro: 'PorgramaciónExtrema.com!' }
            }).done(function(data) {
               console.log(data);
          });
    </script>
  </body>
</html>

El resultado visitar la página que creamos es que en la consola se va a mostrar el mensaje de “Bienvenido a PorgramaciónExtrema.com!”.
Bueno gente esto es todo por hoy, espero que les sea de gran utilidad este tutorial para hacer una petición AJAX en jQuery. Ante cualquier problema no duden en dejar un comentario.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

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