包含没有服务器端语言的.txt内容

我有一些数据存储在一个文本文件中，值像这样分开:Name1 | Number1 | Name2 | Number2 |

我用php调用一些单独的值，像这样:

<?php
$fp = fopen('db.txt','r');
if (!$fp) {echo 'ERROR'; exit;}
$loop = 0;
while (!feof($fp)) {
$loop++;
$line = fgets($fp, 1024); //use 2048 if very long lines
$field[$loop] = explode ('|', $line);
?>
<p>Some text.. <?php echo ''.$field[$loop][2].''; ?></p>
<p>Some more text. Text and value <?php echo ''.$field[$loop][4].''; ?></p>
<?php
$fp++; }
fclose($fp); 
?>

现在我需要建立完全相同的网站，从相同的数据库(.txt文件)加载，但我不能使用任何php或服务器端语言。有没有办法做到这一点，没有服务器端，让我可以保存我的文件为。html?是否有可能包括一个文本文件(并调用分隔值)与javascript?

发现类似这样的东西，但我不知道如何分离值，一次只调用/获取一个值?现在整个文本文件显示在跨度中。如果你能做一些类似于php代码的事情，那就太好了。

<script>
jQuery.get('db.txt', function(data) {
   $('#text').html(data.replace('|','<br />'));
});
</script>

 <span id="text"></text>

UPDATE: My answer

这是我的，我认为它工作得很好，或者你有什么建议如何改进它?

<script type="text/javascript">
jQuery.get('db.txt', function(data) {
    $('#db').html(data);
     var element = $("#db").text().split("|"); 
     $('#1').text(element[1]);
     $('#3').text(element[3]);
   });
  </script>
  <span id="db" style="display:none;"></span>
  <span id="1"></span>
  <span id="3"></span>

如果我的文本文件看起来像这样Name1 | Number1 | Name2 | Number2 |它会显示:

12号