Remplissez une requête jQuery avec les mots du fichier externe

Question

J'utilise a jQuery plugin to highlight certains mots à l'intérieur d'un div.

J'ai réussi à le faire fonctionner, pas de problème. Ma question est: comment remplir la liste de mots à mettre en évidence avec des mots d'un fichier?

J'ai donc cette ligne de code: $('.textsection').highlight(["lorem", "non", "lectus"]); qui va surligner "lorem", "non" et "lectus" dans le texte de la page. Ça fonctionne bien. Au lieu de remplir les mots dans la requête, un par un, parce que j'en ai des centaines, je voudrais dire à jQuery d'aller prendre la liste des mots dans un fichier .txt où chaque mot est sur un ligne, comme:

lorem 
non 
lectus 

Fondamentalement, le résultat que je cherche quelque chose comme $('body').highlight(["wordslist.txt"]); (qui fonctionne évidemment pas, mais vous l'obtenez).

Comment puis-je faire cela? Comment donner correctement le fichier .txt à analyser à jQuery?

Merci :)

PS: Je suis en train d'ajouter « Salut », mais ne fonctionne pas :(

Answer 1

Probablement la meilleure façon serait de coder les mots dans un fichier en utilisant JSON puis utiliser $.getJSON() pour la saisir à partir du serveur. Bien sûr, puisqu'il est Javascript, à l'intérieur d'un fichier texte est préféré faire de manière asynchrone.

Par exemple, supposons que vous avez ["lorem", "non", "lectus"] appelé data.json. vous chargeriez comme ceci:

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

Answer 2

Vous pouvez utiliser ceci:

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