Archive for the ‘ ajax ’ Category

Llamado Ajax con Javascript y jQuery

Algunos conocieron el Ajax con jQuery o el mismo Mootools, pero realmente los llamados asincrónicos son tan viejos como el mismo Javascript.

En esos tiempos donde las cuentas de hotmail eran de 10MB y buscábamos resultados en la web a través de Altavista y no de Google, los llamados asincronicos eran diferentes:

ajax desde javascript nativo


  var xmlhttp;
  xmlhttp = GetXmlHttpObject();
  if(xmlhttp == null){
    alert("Boo! Your browser doesn't support AJAX!");
    return;
  }
  xmlhttp.onreadystatechange = stateChanged;
  xmlhttp.open("GET", "http://www.google.com", true);
  xmlhttp.send(null);

  function stateChanged(){
    if(xmlhttp.readyState == 4){
      // do something with the response text
      alert(xmlhttp.responseText);
    }
  }
  function GetXmlHttpObject(){
    // IE7+, Firefox, Chrome, Opera, Safari
    if(window.XMLHttpRequest){
      return new XMLHttpRequest();
    }

    //IE5, IE6
    if(window.ActiveXObject){
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    return null;
  }

y las cosas han cambiado y mucho

ajax desde jQuery


  $.ajax({
    url: 'http://www.google.com',
    success:function(data){
      alert(data);
    }
  });

Como se puede ver claramente, el método AJAX jQuery es mucho más fácil. Se le da una URL de solicitar, y después se le da un conjunto de instrucciones si se realiza una solicitud exitosa. Fácil!

A %d blogueros les gusta esto: