Diferencias entre jQuery y Ajax

Escrito por ian low | Traducido por pattricia patino
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Diferencias entre jQuery y Ajax
Ajax acelera las páginas web al permitir que peticiones http concurrentes se ejecuten al mismo tiempo. (John Foxx/Stockbyte/Getty Images)

JQuery es recurso abierto de la biblioteca de JavaScript, el cual proporciona una forma más rápida de desarrollar aplicaciones de JavaScript a través de una sintaxis de macro siendo ésta más concisa que la de JavaScript. Ajax significa "Asynchronous JavaScript And XML", y se refiere al navegador de objeto XMLHttpRequest que puede ser llamado a través de JavaScript, y por tanto, también por JQuery. El objeto XMLHttpRequest proporciona un método asíncrono de recuperación de recursos en la red, lo que permite que múltiples peticiones sean ejecutadas simultáneamente en el fondo. Los recursos de web pueden ser recuperados en cualquier formato de texto simple, incluyendo XML, JSON, HTML, JavaScript o texto sin formato.

Otras personas están leyendo

Ajax en JavaScript

El objeto XMLHttpRequest, también conocido como XHR, es viable en JavaScript utilizando la palabra clave o keyword "new", como en "var xhr=new XMLHttpRequest();". Para versiones de Internet Explorer anteriores a la 7, esto debe crearse como un objeto ActiveX, como en "var xhr=new ActiveXObject('Microsoft.XMLHTTP');}". Una vez viable, una solicitud http get o post puede ser abierta utilizando el método de "open ()", como en "xhr.open ('GET', 'http://www.mysite.com');". A continuación la solicitud es envíada a la dirección remota de URL mediante el comando "xhr.send ();". Una función de evento, como la que se muestra a continuación, se activa cuando el objeto XHR ha recibido la respuesta de asignada, la respuesta de datos a un elemento en el documento. xhr.onreadystatechange=function(){ try{ document.getElementById('myDiv').innerHTML=xhr.responseText; }catch(e){ } }

Ajax en JQuery

JQuery utiliza el objeto jqXHR el cual se construye a partir del objeto XMLHttpRequest. Este objeto es manejado por el método "$.ajax()" , que acepta una variedad de parámetros que proporcionan las especificaciones de bajo nivel para la llamada de Ajax. También hay una gran cantidad de herramientas y métodos adicionales, sobre todo en torno a "$.ajax()" que hacen el manejo Ajax simple y fácil. Por ejemplo, para enviar una solicitud de Ajax http get básico a "http://www.mysite.com", y asignar los datos de respuesta de un elemento con el id "myDiv", simplemente necesitas la línea "$('#myDiv')[0].load('http://www.mysite.com');", sin necesidad de otro tipo de código.

Otros metodos de solicitud JQuery Ajax

"$.get()" realiza un http get básico, "$.getJSON()" lleva a cabo un http get en un formato JSON de archivo de datos, "$.getScript()" realiza un http get en un archivo JavaScript el cual carga en la página actual, y "$.post()" realiza un http post. Estos métodos de petición se construyen en torno a "$.ajax()". Por ejemplo, $('#myDiv').load('http://www.mysite.com'); es equivalente a $.ajax({url: 'http://www.mysite.com', success: function(data){$('#mydiv').html(data);}});

Metodos de evento JQuery Ajax

Para ejecutar un código en las fases concretas de la solicitud http, se puede utilizar los siguientes métodos que pueden ser conectados a cualquier elemento: ".ajaxError", ".ajaxStart", ".ajaxSend", ".ajaxComplete", ".ajaxSuccess", y ".ajaxStop". Por ejemplo, para visualizar un cuadro de alerta cuando el ajax comienza, es necesario fijar el método a cualquier elemento, y pasar a la función de alerta como parámetro, como se muestra a continuación. $('#anyElement').ajaxStart(function(event, request, settings){ alert('Ajax Starting...'); });

Herramientas adicionales relacionadas a JQuery Ajax

JQuery también proporciona el método "$.ajaxSetup()" que establece el parámetro "$.ajax()" a los valores predeterminados. Esto te ahorra tener que volver a especificar los parámetros cada vez que ejecutas un comando. El método de evento "$.ajaxPrefilter()" se puede utilizar para llevar a cabo controles de acuerdo con las opciones preestablecidas, y hacer modificaciones según sea necesario justo antes de enviar. Los métodos ".param()", ".serialize()", y ".serializeArray()" son útiles para dar forma a cualquier valor get o post en la solicitud http.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles