Ver Mensaje Individual
  #1 (permalink)  
Antiguo 10/05/2012, 23:11
Avatar de Ex_shadow
Ex_shadow
 
Fecha de Ingreso: febrero-2012
Ubicación: Calera Avellaneda, Buenos Aires, Argentina, Argentina
Mensajes: 95
Antigüedad: 13 años
Puntos: 4
Pregunta Json pequeño problemilla

Hola bueno estoy haciendo un mini "framework" de las cosas más usadas por mi...

Lo que estaba queriendo hacer era una peticion al servidor con ajax...

muestro el codigo tal vez me expresaria mejor allí...

Código Javascript:
Ver original
  1. var Cm = {
  2.  
  3.         // --- Ajax
  4.         ajax : function(){
  5.            
  6.             // --- Configuracion
  7.             var boton = document.getElementById(Submit);
  8.             var metodo = this.metodo;
  9.             var asinc = this.asinc;
  10.             var comienza = this.comienza;
  11.             var finaliza = this.finaliza;
  12.             var pagina = this.pagina;
  13.             var evento = this.evento;
  14.             var parametros = this.parametros;
  15.             var error = this.error;
  16.            
  17.             // --- Boton inicia
  18.             boton.onclick = function(){
  19.                 // --- Variables ajax
  20.                 ajax = new XMLHttpRequest();
  21.                
  22.                 // --- Evento
  23.                 evento;
  24.                
  25.                 // --- Metodo
  26.                 if(metodo=='post'){
  27.                     ajax.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
  28.                 }else{}
  29.                
  30.                 // --- Abriendo peticion       
  31.                 ajax.open(metodo,pagina,asinc);
  32.    
  33.                 // --- Estados
  34.                 ajax.onreadystatechange = function(){
  35.                    
  36.                     // --- Comienzo
  37.                     if(ajax.readyState==1 || ajax.readyState==2 || ajax.readyState==3){ comienza; }
  38.                    
  39.                     // --- Finaliza
  40.                     if(ajax.readyState==4 && ajax.status==200){ finaliza; }
  41.                    
  42.                     // --- Error
  43.                     if(ajax.readyState==4 && ajax.status==404){ error ; }
  44.                 }
  45.                
  46.                 // --- envio
  47.                 if(metodo=='post'){ ajax.send(parametros); }else{ ajax.send(null); }
  48.             }
  49.         }
  50.  
  51. };
  52. window.ajax = Cm.ajax();
  53.  
  54. ajax({
  55.     Submit : 'Enviar',
  56.     metodo : 'POST',
  57.     asinc : true,
  58.     comienza : function(){
  59.             evento;
  60.             alert('Esta comenzando su peticion...');
  61.         },
  62.    
  63.     finaliza : function(){
  64.             evento;
  65.             alert('Su peticion a sido procesada...');
  66.         },
  67.     pagina : 'envio.php',
  68.     evento : function(){
  69.             alert('pasaron 5 segundos');
  70.             setTimeout(this.function,5000);
  71.         },
  72.    
  73.     parametros : function(){
  74.         par1 = document.getElementById('nombre');
  75.         par2 = document.getElementById('nombre');
  76.        
  77.         return 'Nombre='+par1+'&apellido='+par2;
  78.        
  79.     },
  80.    
  81.     error : alert('error'),
  82.    
  83.    
  84.    
  85.    
  86.     });


Código HTML:
Ver original
  1. <input type="submit" id="Enviar" value=" Subir "><br>