Se usi una libreria di JS è molto semplice. Se per esempio usi MooTools:
codice:
<script type="text/javascript" src = "js/mootools-1.2.4-core-yc.js"></script>
<script type="text/javasscript">
var req = null;
window.addEvent('domready', function(){
req = new Request({
'url' : 'docs/test.txt',
'method' : 'get',
'encoding' : "ISO-8859-1",
'onSuccess' : function(response){
//Ora ho in response il contenuto del file letto e ci faccio quello che voglio
response = response.replace(/\n/g, "
");
document.id('Logger').set('html', response); //Scrive nel div con id="Logger" la risposta dal server
},
'onFailure' : function(){
document.id('Logger').set('text', "Nah, mi è andata male!!!");
}
});
req.send();
});
</script>
<div id="Logger">
</div>
al posto 'docs/text.txt' ci sta il path al tuo file nella funziona associata all'onSuccess ci metti una tua funzione in modo che fai quello che ti serve con il testo.
Nell'onFailure la funzione che viene chiamata quando la richiesta AJAX fallisce.
La comodità dell'uso di un oggetto è che tu puoi lanciare la richiesta AJAX chiamando req.send(); in qualunque momento. Inoltre, tu puoi modificare ogni singolo parametro dell'oggetto tramite il metodo setOptions():
codice:
<script type="text/javascript">
window.addEvent('domready', function(){
document.id("Test").addEvent('click', function(e){
e.stop();
req.setOptions({'onSuccess' : function(resp){alert(resp);}});
req.send();
});
});
</script>
Click
Questo link cambia la funzione che viene eseguita in caso di successo nella richiesta AJAX, facendo soltanto l'alert della risposta.