0 false 2009-07-23T03:15:55+02:00 50818 723 ajaxperiodicalupdater-and-http-cache-control 0 8886 new section:ajax 2009-11-16T16:50:26+01:00 32948 T.J. Crowder bubbatls http://prototype.lighthouseapp.com/projects/8886/tickets/723 if the server (as mine) use the http cache control headers like Etag/Last-Modified/Expires The PeriodicalUpdater don't care and update the html with its old value. This would be an Improvment in performance if the request was not done or when no change the update of html was not done. to do this well I've made a class like that : @@@javascript Ajax.Ressource = Class.create({ initialize:function(uri,options){ this.uri = uri; this.options = options; this.headers={}; this.refresh(); }, dontRefreshBefore:new Date(0), refresh:function(){ if(this.dontRefreshBefore>new Date()) return; var opt = Object.extend({},this.options); opt = Object.extend(opt,{ requestHeaders:this.headers, onComplete:function(response,json){ this.headers['If-None-Match'] = response.getHeader('Etag'); this.headers['If-Modified-Since'] = response.getHeader('Last-modified'); var expire = response.getHeader('Expires'); if(expire){ var expirationdate = Date.parse(expire); var now = Date.parse(response.getHeader('Date')); this.dontRefreshBefore=new Date()+(expirationdate-now); } //TODO add header etag if(response.status!=='304'){ this.options.onComplete(response,json); } }.bind(this) }); new Ajax.Request(this.uri,opt); } }); @@@ and my own Updater using this Ajax.Ressource. But maybe its worth being putted in prototype and in the PeriodicalUpdater. if the server (as mine) use the http cache control headers like Etag/Last-Modified/Expires The PeriodicalUpdater don't care and update the html with its old value. This would be an Improvment in performance if the request was not done or when no change the update of html was not done. to do this well I've made a class like that : @@@javascript Ajax.Ressource = Class.create({ initialize:function(uri,options){ this.uri = uri; this.options = options; this.headers={}; this.refresh(); }, dontRefreshBefore:new Date(0), refresh:function(){ if(this.dontRefreshBefore>new Date()) return; var opt = Object.extend({},this.options); opt = Object.extend(opt,{ requestHeaders:this.headers, onComplete:function(response,json){ this.headers['If-None-Match'] = response.getHeader('Etag'); this.headers['If-Modified-Since'] = response.getHeader('Last-modified'); var expire = response.getHeader('Expires'); if(expire){ var expirationdate = Date.parse(expire); var now = Date.parse(response.getHeader('Date')); this.dontRefreshBefore=new Date()+(expirationdate-now); } //TODO add header etag if(response.status!=='304'){ this.options.onComplete(response,json); } }.bind(this) }); new Ajax.Request(this.uri,opt); } }); @@@ and my own Updater using this Ajax.Ressource. But maybe its worth being putted in prototype and in the PeriodicalUpdater. <div><p>if the server (as mine) use the http cache control headers like Etag/Last-Modified/Expires The PeriodicalUpdater don't care and update the html with its old value.</p> <p>This would be an Improvment in performance if the request was not done or when no change the update of html was not done.</p> <p>to do this well I've made a class like that : @@@javascript Ajax.Ressource = Class.create({ initialize:function(uri,options){</p> <pre> <code>this.uri = uri; this.options = options; this.headers={}; this.refresh(); </code> </pre> <p>}, dontRefreshBefore:new Date(0), refresh:function(){</p> <pre> <code>if(this.dontRefreshBefore&gt;new Date()) return; var opt = Object.extend({},this.options); opt = Object.extend(opt,{ requestHeaders:this.headers, onComplete:function(response,json){ this.headers['If-None-Match'] = response.getHeader('Etag'); this.headers['If-Modified-Since'] = response.getHeader('Last-modified'); var expire = response.getHeader('Expires'); if(expire){ var expirationdate = Date.parse(expire); var now = Date.parse(response.getHeader('Date')); this.dontRefreshBefore=new Date()+(expirationdate-now); } //TODO add header etag if(response.status!=='304'){ this.options.onComplete(response,json); } }.bind(this) }); new Ajax.Request(this.uri,opt); </code> </pre> <p>}<br> });</p> <pre><code> and my own Updater using this Ajax.Ressource. But maybe its worth being putted in prototype and in the PeriodicalUpdater. </code></pre></div> 0 if the server (as mine) use the http cache control headers like Etag/Last-Modified/Expires The PeriodicalUpdater don't care and update the html with its old value. This would be an Improvment in performance if the request was not done or when no change the update of html was not done. to do this well I've made a class like that : @@@javascript Ajax.Ressource = Class.create({ initialize:function(uri,options){ this.uri = uri; this.options = options; this.headers={}; this.refresh(); }, dontRefreshBefore:new Date(0), refresh:function(){ if(this.dontRefreshBefore>new Date()) return; var opt = Object.extend({},this.options); opt = Object.extend(opt,{ requestHeaders:this.headers, onComplete:function(response,json){ this.headers['If-None-Match'] = response.getHeader('Etag'); this.headers['If-Modified-Since'] = response.getHeader('Last-modified'); var expire = response.getHeader('Expires'); if(expire){ var expirationdate = Date.parse(expire); var now = Date.parse(response.getHeader('Date')); this.dontRefreshBefore=new Date()+(expirationdate-now); } //TODO add header etag if(response.status!=='304'){ this.options.onComplete(response,json); } }.bind(this) }); new Ajax.Request(this.uri,opt); } }); @@@ and my own Updater using this Ajax.Ressource. But maybe its worth being putted in prototype and in the PeriodicalUpdater. <div><p>if the server (as mine) use the http cache control headers like Etag/Last-Modified/Expires<br> The PeriodicalUpdater don't care and update the html with its old value.</p> <p>This would be an Improvment in performance if the request was not done or when no change the update of html was not done.</p> <p>to do this well I've made a class like that :<br> @@@javascript Ajax.Ressource = Class.create({<br> initialize:function(uri,options){</p> <pre> <code>this.uri = uri; this.options = options; this.headers={}; this.refresh();</code> </pre> <p>}, dontRefreshBefore:new Date(0), refresh:function(){</p> <pre> <code>if(this.dontRefreshBefore&gt;new Date()) return; var opt = Object.extend({},this.options); opt = Object.extend(opt,{ requestHeaders:this.headers, onComplete:function(response,json){ this.headers['If-None-Match'] = response.getHeader('Etag'); this.headers['If-Modified-Since'] = response.getHeader('Last-modified'); var expire = response.getHeader('Expires'); if(expire){ var expirationdate = Date.parse(expire); var now = Date.parse(response.getHeader('Date')); this.dontRefreshBefore=new Date()+(expirationdate-now); } //TODO add header etag if(response.status!=='304'){ this.options.onComplete(response,json); } }.bind(this) }); new Ajax.Request(this.uri,opt);</code> </pre> <p>}<br> });</p> <pre> <code> and my own Updater using this Ajax.Ressource.<br> <br> <br> But maybe its worth being putted in prototype and in the PeriodicalUpdater.</code> </pre></div> false 2009-06-24T17:42:10+02:00 50818 --- {} 723 ajaxperiodicalupdater-and-http-cache-control 0 8886 new ajax ajax.periodicalupdater etag expires http last-modified 2009-06-24T17:42:13+02:00 50818 bubbatls bubbatls http://prototype.lighthouseapp.com/projects/8886/tickets/723 0 [not-tagged:"ajax" tagged:"section:ajax" bulk edit command] <div><p>[not-tagged:"ajax" tagged:"section:ajax" bulk edit command]</p></div> false 2009-07-24T01:54:23+02:00 50818 --- :tag: ajax ajax.periodicalupdater etag expires http last-modified 723 ajaxperiodicalupdater-and-http-cache-control 0 8886 new section:ajax 2009-07-24T01:54:23+02:00 14168 Tobie Langel bubbatls http://prototype.lighthouseapp.com/projects/8886/tickets/723 0 [responsible:none bulk edit command] <div><p>[responsible:none bulk edit command]</p></div> false 2009-11-16T16:50:26+01:00 50818 --- {} 723 ajaxperiodicalupdater-and-http-cache-control 0 8886 new section:ajax 2009-11-16T16:50:26+01:00 32948 T.J. Crowder bubbatls http://prototype.lighthouseapp.com/projects/8886/tickets/723