使用jQuery和Ajax从文本文件中获取内容并放入div

Question

请尝试这样做：用户在输入文本框中键入一个单词，并在提交后，程序将在txt文件中查找确切的表达式，并在div上写下相关描述。我想用jQuery和Ajax来做这件事。我所拥有的是：

<input type="text" id="textBox" />
<div id="description">The result must be written here.</div>

我的txt文件格式如下（我不知道这种格式是好的）：

狗|狗是哺乳动物 蛇|蛇是爬行动物 老鹰|鹰是一只鸟。

Answer 1

即使你不想把整个文本块放在div中，你最好还是将整个文本块加载到JSON中，就像@mplungjan所说的那样。这可以让您在搜索首选字符串时更好地访问数据。更好的是，如果可以的话，将其直接包含在隐藏div中的页面中。将div的每一行都存在于id="keyword"的范围内，其中关键字是他们应键入的任何单词。然后使用javascript搜索包含该id的元素，获取元素的内容，并将其写入的地方。