Question

i m 试图进行搜索,如果你把案文输入一个文本领域,并用钥匙将其击落一个功能,把外地的价值送到一页,并将结果退回到散装箱。问题一是,当有人打打打字时,就会有可怕的滞后。我认为,正在做的是,它试图搜查每封信件,并且每次都这样做。如何做到这样,如果箱子中的一型,如果箱子中不作任何分类,则要等待1/2次(500次),那么就进行亚克斯的搜索,但如果在那个时间框架内收到另一封信,甚至不会收到亚克斯的请求。我已忙于此事,可以 figure。一切帮助都值得赞赏。

// fired off on keyup
function findMember(s) {
    if(s.length>=3)
        $( #searchResults ).load( /search.asp?s= +s);
}

Answer 1

这样做是明确的,即每个新闻机构都要花时间,这样,如果一/2秒钟的 t子被击落,然后再为500名记者开一个时间。这就不需要装设一个大型图书馆。

let timeoutID = null;

function findMember(str) {
  console.log( search:   + str)
}

$( #target ).keyup(function(e) {
  clearTimeout(timeoutID);
  const value = e.target.value
  timeoutID = setTimeout(() => findMember(value), 500)
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="search" id="target" placeholder="Type something" />

Answer 2

支离破碎的汽车具有这一特点。

。 http://jqueryui.com/demos/autocomplete/。

如果你不希望利用 j,那么就看自己的来源代码。

Answer 3

function myFunction(inputText) {
                debugger;
                var inputText = document.myForm.textBox.value;

                var words = new Array();
                var suggestions = "Always", "azulejo", "to", "change", "an", "azo", "compound", "third"];
                if (inputText != "") {
                    for (var i = 0; i < suggestions.length; ++i) {
                        var j = -1;
                        var correct = 1;
                        while (correct == 1 && ++j < inputText.length) {
                            if (suggestions[i].toUpperCase().charAt(j) != inputText.toUpperCase().charAt(j)) correct = 0;
                        }
                        if (correct == 1) words[words.length] = suggestions[i];
                        document.getElementById("span1").innerHTML = words;

                    }
                }

                else {
                    document.getElementById("span1").innerHTML = "";

                }

<p id="demo"></p>
    <form name="myForm">
         <input type="text" name="textBox" onkeyup="myFunction()"/>
         <span id="span1"></span>
    </form>

友情链接