Autosalvar en AJAX

[efra]

Aqui un minitutorial de cómo autosalvar un campo en AJAX con la librería prototype.js

Lo primero que debes hacer, además de agregar prototype.js a tu documento, es crear la función de ajax que sólo salve la información de tu forma:

Código PHP:

     1. 
      function Salvar(){ 
   2. 
      var url = 'salvar.php'; 
   3. 
      var pars = 'texto='$('micampo'); 
   4. 
      var target = 'id_div_salida'; 
   5. 
      var myAjax = new Ajax.Updater(target, url, {method: 'get', parameters: pars}); 
   6. 
      }  
   

Ok, con el anterior codigo se salva tu informacion de ajax, ahora vamos acon el autosave con la función PeriodicalExecuter que es como un timeout de javascript que ejecuta una función cada cierto tiempo en segundos.

Código PHP:

     1. 
      function AutoSave() { 
   2. 
      new PeriodicalExecuter(Salvar, 10); 
   3. 
      }  
   

Finalmente al final de tu documento HTML agrega la función Autosave o bien ejecutala cuando el usuario comienze a escribir en la forma para que AutoSave comienze a operar.

Articulo original en: http://fuenteria.net/?p=52