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

Question

我有一些数据存储在一个文本文件中，值分隔如下： Name1 |编号 1 |姓名2 |编号2 |

我用 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>

你能帮帮我吗？ :S

---

更新：我的回答

这就是我所拥有的，认为它工作得很好，或者你有任何改进它的建议吗？

<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 |编号 1 |姓名2 |编号2 |它会显示：

1 号 2号

Answer 1

看这里的说明：

http://api.jquery.com/load/

关于如何使用 Javascript 等客户端语言动态加载内容。

这里还有一个问题：

loading contents of variable in div/modal box

展示了如何将数据加载到变量中以进行一些处理和解析。