Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Problema con ejemplo AJAX

Estas en el tema de Problema con ejemplo AJAX en el foro de Frameworks JS en Foros del Web. Estoy siguiendo un manual de AJAX y es que me han surgido muchas dudas al llegar a la parte mas importante en donde se comienza ...
  #1 (permalink)  
Antiguo 01/03/2010, 11:47
Avatar de aguila_393  
Fecha de Ingreso: septiembre-2007
Ubicación: Argentina
Mensajes: 406
Antigüedad: 17 años, 2 meses
Puntos: 1
Problema con ejemplo AJAX

Estoy siguiendo un manual de AJAX y es que me han surgido muchas dudas al llegar a la parte mas importante en donde se comienza a trabajar de lleno con AJAX.

Esta es la web: [URL="http://www.librosweb.es/ajax/capitulo7/utilidades_y_objetos_para_ajax.html"]http://www.librosweb.es/ajax/capitulo7/utilidades_y_objetos_para_ajax.html[/URL]

Y este el codigo con el que me eh complicado la vida:
Código Javascript:
Ver original
  1. var net = new Object();
  2.  
  3. net.READY_STATE_UNINITIALIZED=0;
  4. net.READY_STATE_LOADING=1;
  5. net.READY_STATE_LOADED=2;
  6. net.READY_STATE_INTERACTIVE=3;
  7. net.READY_STATE_COMPLETE=4;
  8.  
  9. // Constructor
  10. net.CargadorContenidos = function(url, funcion, funcionError) {
  11.   this.url = url;
  12.   this.req = null;
  13.   this.onload = funcion;
  14.   this.onerror = (funcionError) ? funcionError : this.defaultError;
  15.   this.cargaContenidoXML(url);
  16. }
  17.  
  18. net.CargadorContenidos.prototype = {
  19.   cargaContenidoXML: function(url) {
  20.     if(window.XMLHttpRequest) {
  21.       this.req = new XMLHttpRequest();
  22.     }
  23.     else if(window.ActiveXObject) {
  24.       this.req = new ActiveXObject("Microsoft.XMLHTTP");
  25.     }
  26.  
  27.     if(this.req) {
  28.       try {
  29.         var loader = this;
  30.         this.req.onreadystatechange = function() {
  31.           loader.onReadyState.call(loader);
  32.         }
  33.         this.req.open('GET', url, true);
  34.         this.req.send(null);
  35.       } catch(err) {
  36.         this.onerror.call(this);
  37.       }
  38.     }
  39.   },
  40.  
  41.   onReadyState: function() {
  42.     var req = this.req;
  43.     var ready = req.readyState;
  44.     if(ready == net.READY_STATE_COMPLETE) {
  45.       var httpStatus = req.status;
  46.       if(httpStatus == 200 || httpStatus == 0) {
  47.         this.onload.call(this);
  48.       }
  49.       else {
  50.         this.onerror.call(this);
  51.       }
  52.     }
  53.   },
  54.  
  55.   defaultError: function() {
  56.     alert("Se ha producido un error al obtener los datos"
  57.       + "\n\nreadyState:" + this.req.readyState
  58.       + "\nstatus: " + this.req.status
  59.       + "\nheaders: " + this.req.getAllResponseHeaders());
  60.   }
  61. }


Ire colocando las partes en las que tengo problema para entender el codigo.

Código Javascript:
Ver original
  1. // Constructor
  2. net.CargadorContenidos = function(url, funcion, funcionError) {
  3.   this.url = url;
  4.   this.req = null;
  5.   this.onload = funcion;
  6.   this.onerror = (funcionError) ? funcionError : this.defaultError;
  7.   this.cargaContenidoXML(url);
  8. }
  9.  
  10. net.CargadorContenidos.prototype = {
  11.   cargaContenidoXML: function(url) {...}
  12.   onReadyState: function() {..}
  13.   defaultError: function() {...}

Desde el principio no entiendo bien que es lo que se hace, al principio supuestamente se construye un nuevo objeto pero no hay que poner el nombre con el cual se creara este objeto? Por ej. function cargadorContenido (..){...}

Luego cuando se define cada variable usando this.variable el "this" se a que objeto se refiere? Al objeto net o a cargadorContenidos? Y como se sabe eso? Porque el this se refiere al objeto que lo llama pero hasta ahi cargadorContenidos es una funcion o no?

Bueno, y luego al mismo objeto se le agregan re metodos, y es que me pregunto, no es lo mismo agregarlo cuando definimos anteriormente a cargadorContenido?

Disculpen por tantas preguntas, espero que puedan ayudarme, les estare muy agradecido.
  #2 (permalink)  
Antiguo 02/03/2010, 11:09
Avatar de aguila_393  
Fecha de Ingreso: septiembre-2007
Ubicación: Argentina
Mensajes: 406
Antigüedad: 17 años, 2 meses
Puntos: 1
Respuesta: Problema con ejemplo AJAX

Nadie puede contestarme siquiera alguna de mis dudas?

Etiquetas: ajax, ejemplo
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:44.