使用Javascript读取外部文件

我有一个可变长度名称的外部文本文件配置文件.txt包含以下格式的信息：

 Jason/Red/Tyrannosaurus
 Zack/Black/Mastodon
 Billy/Blue/Triceratops
 Trini/Yellow/Griffin
 (etc)

如何使用 JavaScript 读取文件以输出以下 HTML：

 Name: Jason<br>
 Color: Red<br>
 Avatar: Tyrannosaurus<br>
 <br>
 Name: Zack<br>
 Color: Black<br>
 Avatar: Mastodon<br>
 <br>
 (etc)

这是一个使用的示例XMLHttp请求 https://developer.mozilla.org/en/xmlhttprequest:

var xmlhttp;
xmlhttp=new XMLHttpRequest();
xmlhttp.open('GET', "test.txt", false);
xmlhttp.send();
document.write(xmlhttp.responseText.split('\r\n').map(function (i) {return i.replace(/(.+),(.+),(.+)/g, 'Name: $1<br>Color: $2<br>Avatar: $3<br>')} ).join('<br/>'));

数组映射 https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Array/mapIE8及以下版本需要shim。另外，IE 使用new ActiveXObject("Msxml2.XMLHTTP")这是一个非常精简的例子。我使用的是 asyc false ，这是不好的，而 document.write 是不好的。但我只是想演示如何获取文件并解析输入。