Ver Mensaje Individual
  #5 (permalink)  
Antiguo 29/11/2012, 15:46
Avatar de Nemutagk
Nemutagk
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: México
Mensajes: 2.633
Antigüedad: 20 años, 1 mes
Puntos: 406
Respuesta: Mantener posición pagina al refrescar

Ajax no es mas que combinación de tecnologias, por lo tanto si sabes javascript es muy sencillo aprender como funciona...

Un ejemplo muy escueto utilizando Javascript desnudo...
Código Javascript:
Ver original
  1. function xmlHttp() {
  2.             var xmlhttp;
  3.  
  4.             if (window.XMLHttpRequest) {
  5.                 xmlhttp = new XMLHttpRequest();
  6.             }else {
  7.                 xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
  8.             }
  9.  
  10.             return xmlhttp;
  11.         }
  12.        
  13.         //Ahora enviamos una petición AJAX al servidor...
  14.         var ajax = xmlHttp();
  15.  
  16.         //en caso de petición GET
  17.         ajax.open('GET','pagina/a/llamar.php',true);
  18.         //en caso de petición POST
  19.         //ajax.open('POST','pagina/a/llamar.php',true);
  20.  
  21.         ajax.onreadystatechange = function() {
  22.             if (ajax.readyState == 4) {
  23.                 alert('Se enviaron los datos correctamente');
  24.                 //si el servidor retorna algún dato se recoje con ajax.responseText
  25.             }else {
  26.                 alert('Hay problemas enviando los datos, status retornado ' + ajax.status);
  27.             }
  28.         }
  29.         //en caso de enviar petición vía GET no es necesario indicar nada en send
  30.         ajax.send(null);
  31.         //en caso de enviar petición vía POST las variables se indican aquí
  32.         //ajax.send('variable1=valor1,variable2=valor2,variableX=valorX');

Desde la salida de los Frameworks de Javascript se facilito muchísimo el como enviar una petición Ajax...

Ejemplo con JQuery...
Código Javascript:
Ver original
  1. $.ajax({
  2.      url: 'pagina/a/llamar.php',
  3.      type: 'get', // o 'post' según el caso...
  4.      data: 'variable1=valor1,variable2=valor2',
  5.      success: function(data) {
  6.           alert('Peticion enviada correctamente, el servidor contesto: ' + data);
  7.      }
  8. });

Aprender es muy sencillo, mientras te apetezca hacerlo....
__________________
Listo?, tendría que tener 60 puntos menos de IQ para considerarme listo!!!
-- Sheldon Cooper
http://twitter.com/nemutagk
PD: No contestaré temas vía mensaje personal =)