jquery - 使用 jQuery 进行实时搜索时 AJAX 超时

Question

您好，如何设置计时器？我尝试了 timeout: 3000 但它不起作用这是我的代码:

$(document).ready(function(){
    $("#Name").keyup(function(){
        $.ajax({
        timeout: 3000,
        type: "POST",
        url: "search2.php",
        data:'name='+$(this).val(),
        })
        .fail(function() {
            console.log("error");
        }).success(function(response){
            console.log(response);
        });
    });
});

它会持续为我输入的每个字符调用 ajax 调用。

谢谢了

Answer 1

您可以使用setTimeout来延迟搜索，例如:

var timeout;
$("#Name").keyup(function() {
    var $this = $(this);
    if(timeout) {
        clearTimeout(timeout);
    }
    timeout = setTimeout(function() {
        $.ajax({
                type: "POST",
                url: "search2.php",
                data: 'name=' + $this.val(),
            })
            .fail(function() {
                console.log("error");
            }).success(function(response) {
                console.log(response);
            });
    }, 3000);
});