使用外部文件中的单词填充jQuery查询

Question

我在div中使用a jQuery plugin to highlight个单词。

我设法让它工作，没问题。我的问题是：如何用文件中的单词填充要突出显示的单词列表？

所以我有这行代码： $('.textsection').highlight(["lorem", "non", "lectus"]);将会突显＆＃34; lorem＆＃34;，＆＃34; non＆＃34;和＆＃34; lectus＆＃34;从页面上的文字。它工作正常。

我没有逐个填写查询中的单词，因为我有数百个单词，我想告诉jQuery去.txt文件中的单词列表，其中每个单词都在一个单词上具体行，如：

lorem
non
lectus

基本上我搜索的结果类似于$('body').highlight(["wordslist.txt"]);（显然它不会起作用，但你会得到它）。

我该怎么做？如何正确地将.txt文件抓取到jQuery？

谢谢：）

P.S。：我试图添加＆＃34;嗨＆＃34;，但不起作用：（

Answer 1

最简单的方法可能是使用JSON对文件中的单词进行编码，然后使用$.getJSON()从服务器中获取它。当然，因为它是Javascript，所以最好以异步方式执行此操作。

例如，假设您在名为 data.json 的文本文件中有["lorem", "non", "lectus"]。你可以像这样加载它：

$.getJSON("data.json", function(data) {
    $('.textsection').highlight(data);
});

Answer 2

您可以使用：

$.get( "wordslist.txt", function( data ) {
    var arr= data.split("\n");
    $('body').highlight(arr);
});