aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

En la lucha de los frameworks de Javascript, jQuery ha dado hoy un paso importante con una nueva versión y las modificaciones añadidas al objeto Ajax.

Entre las correcciones de errores surgidos desde la versión 1.0.3 han sacado tiempo para añadir unas importantes mejoras para completar las peticiones Ajax, fortaleciendo así el objeto que usaban para realizar este javascript asincrono.

Mejoras 

Posibilidad de añadir cabeceras a las peticiones con beforeSend.

$.ajax({
  type: "POST",
  url: "/files/add/",
  beforeSend: function(xhr) {
    xhr.setRequestHeader( "Content-type", "text/plain" );
  },
  data: "This is the contents of my text file."
});

Realizar consultas sincronas 

// Get the HTML of a web page and save it
// to a variable (the browser will freeze until the
// entire request is completed).
var html = $.ajax({
  type: "GET",
  url: "test.html",
  async: false
}).responseText;

// Add the HTML into the page
$("#list").html( html );

Enviar objetos Javascript usando processData

// The data to send to the server
var params = {
  name: "John",
  city: "Boston"
};

// Send the data, but have it be converted into
// a format the server can understand (w/ processData)
$.ajax({
  type: "POST",
  url: "/user/add/",
  data: params,
  processData: true
});

 Abortar una petición Ajax tras un tiempo determinado

// Perform a simple Ajax request
var req = $.ajax({
  type: "GET",
  url: "/user/list/",
  success: function(data) {
    // Do something with the data...
    // Then remove the request.
    req = null;
  }
});

// Wait for 5 seconds
setTimeout(function(){
  // If the request is still running, abort it.
  if ( req ) req.abort();
}, 5000);

El módulo Ajax, pasa a ser $.ajax() en lugar de $.get()/$.post(), que los usará internamente dependiendo del parametro type que definamos.Además han añadido un handler nuevo destinado a controlar los eventos Ajax, de esta forma dispondremos de métodos ajaxSend, ajaxSuccess, ajaxError y ajaxComplete para trabajar con él. Y muchas más…

Compártelo