代码之家 › 专栏 › 技术社区 › TCCV

jsajax调用:需要睡眠,检查是否输入了更多字符然后执行

ajax javascript

TCCV · 技术社区 · 16 年前

我想做的是:

脚本检查3个以上字符
键入3个字符后,等待(可能使用setTimeout)
回路3和;4,直到1-2秒内不再输入字符
... 休息都准备好了。。。

我的问题是:我知道我会怎么做,除了检查更多的字符进来。可能是这样的:

var searchTerm;
function wait(userInput){
   if(userInput.length < 3){return 0;}
   searchTerm = userInput;
   setTimeout(function(){checkInput(userInput);}, 1000);
}

function checkInput(userInput){
   if (userInput == searchTerm){
      ... do AJAX call ...
   } else {
      return 0;
   }
}

那只是即兴的,可能不会马上就跑。无论如何,任何帮助,提示或指导都将不胜感激。

1 回复 | 直到 16 年前

Andres 16 年前

每次html文本框回调调用wait方法时,都需要保留输入字符串的长度。

如果当前字符串长度等于上一个长度,则在该间隔内没有添加任何字符,因此可以调用ajax,否则请继续等待

    var timerHandle = null;
    var currLen = 0;
    function wait(userInput)
    {
        currLen = userInput.length;
        if(currLen < 3)
        {
            return 0;
        }

        if(timerHandle)
        {
            clearTimeout(timerHandle);
            timerHandle = null;
        }
        timerHandle = setTimeout(function(){checkInput(userInput);}, 1000);
    }


function checkInput(userInput)
{
    timerHandle = null;
    if (currLen == userInput.length)
    {
      ... do AJAX call ...
    } else {
      return 0;
   }
}

推荐文章

James Williams · 如何在单击按钮时刷新div内容

4 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

4 年前

Mehmet · javascript执行了多个

4 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

4 年前

Parker · 如何使表格行的单元格项加粗n秒?

4 年前

Chris J. · ajax获取查找数据属性值的请求

4 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

4 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

4 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

4 年前

Pedro F · Ajax调用后脚本运行不正常

4 年前