将字典合并到HTML系统中以确保单词存在

Question

我对此束手无策，我目前正试图在我的HTML系统中加入一个字典来检查一个单词是否真实。我目前有一个"words.txt“文档，我正在将其用作字典。我记得我学过一种方法，它允许您在文档中搜索单词，但找不到其中的任何信息，并打算将其用作检查单词是否存在的一种方法。目前，我并不担心需要多长时间才能找到这个单词，只是它是否能找到它。

因此，目前我打算让用户使用文本框，输入一个单词，这个单词将与字典交叉引用，如果找到该单词，它将提醒用户该单词存在。我只是不确定该怎么做。

然而，如果有更好或更简单的方法来做到这一点，那么我将非常感谢您的意见。

提前谢谢。我很乐意具体说明其他任何事情。

Answer 1

您可以使用xmlhttprequest加载字典文件，一旦加载，就将其转储到一个数组中。然后，每次取消一个键(或者无论您想检查单词的拼写如何)，都可以调用一个函数来将单词与字典中的单词进行比较。

这里有一种方法：

HTML：

<textarea onkeyup="check(this)"></textarea>

Javascript：

//A large array of dictionary words
var dictionary = new Array();




//First, let's load up the dictionary
address = "words.txt";


//Create an XMLHTTPRequest object
var req = (window.XMLHttpRequest)?new XMLHttpRequest():new ActiveXObject("Microsoft.XMLHTTP");
if(req == null) {
    console.log("Error: XMLHttpRequest failed to initiate.");
}

//When it loads, add all the elements to the dictionary array
req.onload = function() {

    dictionary = req.responseText.split("\n");


    //Convert all the characters to lowercase. That way, multi-case strings are allowed.
    for(var i = 0; i < dictionary.length; i++)
        dictionary[i] = dictionary[i].toLowerCase();



}
try {

    req.open("GET", address, true);
    req.send(null);

} catch(e) {
    console.log("Oh snap");
}









//This function is called every time a key is released
function check(element) {

    var allWords = element.value.split(" ");


    for(var i = 0; i < allWords.length; i++) {


        if(dictionary.indexOf(allWords[i].toLowerCase()) == -1) {
            element.style.backgroundColor = "#FFF";
            return;
        }

    }

    element.style.backgroundColor = "#0F0";

}

编辑:修改为适用于文本的代码

Answer 2

trie数据结构适用于字典。trie是按每个字母排序的单词树。对于PHP，这里有一个很好的解释：http://phpir.com/tries-and-wildcards。