Ook met alléén javascript kan je tekst-files op de server uitlezen. Als voorbeeld is er een tekst file met de (raadselachtige..) naam text.txt in deze directory geplaatst. Het onderstaande javascript leest de text-file uit en plaatst de inhoud in de p-tag met de naam "inhoud_van_de_tekst_file". Om de procedure op jouw website te laten werken moet je ergens op de pagina (in de body-sectie) de volgende regel plaatsen:
<p id="inhoud_van_de_tekst_file"></p>
en zo laag als mogelijk in de body-sectie van de pagina plaats je het hieronderstaande javascript(je). Het script valideert volgens de strenge JSLint-norm en ook de html en de CSS valideren (op W3C). De vertraging (van 1000㎳) die is ingebouwd in het script kan je rustig weglaten. Het dient er op deze pagina alleen maar voor om, razendsnel, de html door de browser te laten parsen.
<script>
/*global window: false */
/*global XMLHttpRequest: false */
/*global ActiveXObject: false */
/*global document: false */
/*global setTimeout: false */
function lees_externe_text_file() {
var n, tekstregel = "";
var xmlhttp;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
} else {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlhttp !== null) {
xmlhttp.open("GET", "text.txt", false);
xmlhttp.send();
var text = xmlhttp.responseText;
var lines = text.split("\n");
for (n = 0; n < lines.length; n++) {
var line = lines[n];
tekstregel += line;
document.getElementById("inhoud_van_de_tekst_file").innerHTML = tekstregel;
}
}
}
function start_lezen() {
setTimeout(function () {
lees_externe_text_file();
}, 1000);
}
window.onload = start_lezen;
</script>