{"id":12347,"date":"2021-03-19T15:17:21","date_gmt":"2021-03-19T18:17:21","guid":{"rendered":"https:\/\/www.neolo.com\/blog\/?p=12347"},"modified":"2021-03-19T15:17:21","modified_gmt":"2021-03-19T18:17:21","slug":"que-es-ajax-y-como-funciona","status":"publish","type":"post","link":"https:\/\/www.neolo.com\/blog\/que-es-ajax-y-como-funciona.php","title":{"rendered":"Qu\u00e9 es AJAX y c\u00f3mo funciona"},"content":{"rendered":"Tiempo de lectura:<\/span> 3<\/span> minutos<\/span><\/span>\n\n\n

AJAX<\/strong>… \u00bfQu\u00e9 es eso? <\/p>\n\n\n\n

En el mundo digital, muchas veces nos encontramos con palabras o t\u00e9rminos que no sabemos qu\u00e9 significan exactamente o para qu\u00e9 podemos usarlos. <\/p>\n\n\n\n

En este art\u00edculo, veremos qu\u00e9 es AJAX y c\u00f3mo funciona<\/strong>. <\/p>\n\n\n\n

Qu\u00e9 es AJAX <\/h2>\n\n\n\n

Se podr\u00eda definir como una t\u00e9cnica de desarrollo web que permite que las apps funcionen y que env\u00eden y recuperen datos de un servidor, sin tener que cargar una p\u00e1gina web. Permite intercambiar datos con un servidor de manera sencilla, sin recargar una p\u00e1gina. <\/p>\n\n\n\n

Qu\u00e9 lenguajes de programaci\u00f3n y t\u00e9rminos debemos conocer para entender AJAX: <\/p>\n\n\n\n

  • XMLHttpRequest.<\/li>
  • Javascript. <\/li>
  • HTML y CSS<\/li>
  • DOM y Javascript.<\/li>
  • PHP.<\/li><\/ul>\n\n\n\n

    Ventajas de AJAX <\/h3>\n\n\n\n

    Su mayor ventaja es la asincron\u00eda. Es decir, que si un usuario desea intercambiar datos con un servidor, la p\u00e1gina no se quedar\u00e1 \u00abpreparando una respuesta\u00bb sino que har\u00e1 todo el proceso m\u00e1s simple. EL servidor env\u00eda los datos en la misma p\u00e1gina. <\/p>\n\n\n\n

    Por otro lado, no es necesario recargar y redibujar una web. <\/p>\n\n\n\n

    No hay demoras inc\u00f3modas en el proceso. No existen interrupciones. <\/p>\n\n\n\n

    Menos pasos para trabajar con datos en un sitio web. <\/p>\n\n\n\n

    C\u00f3mo funciona AJAX<\/h2>\n\n\n\n

    Tal como comentamos anteriormente, si un usuario utiliza PHP<\/strong> o alg\u00fan lenguaje para comunicarse con un servidor, le har\u00e1 una petici\u00f3n para que el servidor le de una respuesta. <\/p>\n\n\n\n

    En este proceso que detallamos, con AJAX<\/strong> la p\u00e1gina no quedar\u00e1 en espera de una respuesta, sino que responder\u00e1 en un determinado tiempo. Durante esa espera breve, el usuario puede seguir realizando tareas. <\/p>\n\n\n\n

    AJAX agiliza los procesos de respuesta. Evita las demoras en cada petici\u00f3n y utiliza la transmisi\u00f3n de datos en segundo plano (prepara un paquete de datos). Esto nos lleva a que la p\u00e1gina no se cargue nuevamente. <\/p>\n\n\n\n

    AJAX utiliza Javascript para poder modificar los contenidos de una p\u00e1gina de manera r\u00e1pida y din\u00e1mica. <\/p>\n\n\n\n

    Manera tradicional de enviar y recibir datos: <\/h3>\n\n\n\n
    1. El usuario env\u00eda una solicitud HTTP desde el navegador web al servidor. <\/li>
    2. El servidor la recibe y recupera esos datos. <\/li>
    3. El servidor env\u00eda los datos al navegador web.<\/li>
    4. El navegador web recibe los datos y vuelve a cargar la p\u00e1gina para que se vean los datos. <\/li>
    5. El usuario debe esperar hasta que se complete todo el proceso. Le llevar\u00e1 tiempo y deber\u00e1 tener paciencia. No podr\u00e1 realizar otras tareas. <\/li><\/ol>\n\n\n\n

      Enviar y recibir datos con AJAX:<\/h3>\n\n\n\n
      1. El navegador crea una llamada de JavaScript que luego activar\u00e1 XMLHttpRequest<\/strong>.<\/li>
      2. En segundo plano, el navegador le crea una solicitud HTTP al servidor.<\/li>
      3. El servidor recibe, recupera y env\u00eda los datos al navegador.<\/li>
      4. El navegador recibe los datos y estos se ver\u00e1n directamente en la p\u00e1gina. El usuario no debe recargar la p\u00e1gina.<\/li><\/ol>\n\n\n\n
        \n