Tenho uma webapp e gostaria que ela tivesse um cache para não ficar acessando toda hora. Minha webapp se constitui em uma index.html que faz parse em outros sites. Então toda vez que o webapp é aberto ele carrega e faz o processo de parse no site.
Como eu poderia aplicar um cache para melhorar a usabilidade?
segue o codigo que carrega no head:
<head>
<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
<script>
// O charset do site original é "iso-8859-1", isso arruma erros:
$.ajaxSetup({
'beforeSend': function(xhr) {
xhr.overrideMimeType('text/html; charset=iso-8859-1');
},
});
$.ajax('http://www.corsproxy.com/m.jcnet.com.br/cinema/')
.done(function(data) {
var dom = $(data);
$('output').empty();
// O site é bem desorganizado, procurar dados nele
// é um tanto complicado, mas possível:
dom.find('.descricao').each(function() {
var item = $(this);
// Limpa dados desnecessários:
item.find('.font12').remove();
// Adiciona o título:
$('<h2>', {text: item.prev().find('strong').text()})
.appendTo('output');
// Adiciona a imagem:
item.find('td.fontPreto img').first().appendTo('output');
$('<br>').appendTo('output');
// Adiciona dados do filme:
item.find('p').appendTo('output');
$('<br>').appendTo('output');
});
})
.fail(function(error) {
$('output').insertBefore('<b>É um erro, Bino.</b>')
});
//Agradecimentos ao user @Gustavo Rodrigues, por ter feito essa belezinha e me explicado como funciona >:)
</script>
</head>