使用jQuery和Ajax从txt文件中获取内容并放在div上

使用jQuery和Ajax从txt文件中获取内容并放在div上,jquery,ajax,Jquery,Ajax,请,我正在尝试这样做:用户在输入文本框中键入一个单词,提交后,程序将在txt文件中查找确切的表达式,并在div中写入相关描述。我希望使用jQuery和Ajax来完成此操作。我得到的是: <input type="text" id="textBox" /> <div id="description">The result must be written here.</div> 结果必须写在这里。 我的txt文件的格式如下(我不知道这种格式好): 狗|狗是哺

请,我正在尝试这样做:用户在输入文本框中键入一个单词,提交后,程序将在txt文件中查找确切的表达式,并在div中写入相关描述。我希望使用jQuery和Ajax来完成此操作。我得到的是:

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

结果必须写在这里。
我的txt文件的格式如下(我不知道这种格式好):

狗|狗是哺乳动物。
蛇|蛇是爬行动物。

鹰|鹰是鸟。

正如@mplungjan所指出的,即使您不想将整个文本块放在div中,也最好将整个文本块加载到JSON中。这将使您在搜索首选字符串时能够更好地访问数据。更好的是,如果可以的话,将其直接包含到隐藏div内的页面中。让div的每一行都存在于一个span中,其中关键字是他们应该键入的单词。然后使用javascript搜索包含该id的元素,获取该元素的内容,并将其写入到位。

改用JSON格式,只要加载文件即可。如果该文件不可能与请仔细阅读我的问题的副本。这和另一个话题不一样。我不想加载txt并将整个内容放在一个div上。请告诉我们您尝试了什么