jQuery使ajax调用输入,但在等待响应的同时保持编写状态

时间:2018-12-18 08:27:23

标签: jquery ajax

我有一个输入框。当用户开始输入时,我会继续检查输入的长度,当输入为6时,我会进行AJAX调用。

一旦AJAX呼叫被触发,用户将无法进一步输入。我应该进行哪些更改,以便在AJAX在后台工作时用户仍然可以继续书写。

$(".myInput").on('input', function (e) {
    var value = e.target.value;

    if (value.length == 6) {
        callAjax(value);
    }
});

var callAjax= function (bin) { 
    Core.post("/url", { bin: bin }, function (result) {
        var data = JSON.parse(result.d);
        var val = data.Id +;
        console.log(data)
    });
}

1 个答案:

答案 0 :(得分:0)

我想您想通过获得的结果来添加一些与插入的数据匹配的响应。因此,最好的方法是使用jquery的“ keyup()”函数,该函数将在输入字段中的每次更改时触发ajax。 或者,如果您要触发它,请定期设置该功能的时间间隔。

尝试做这样的事情。

<mat-sidenav-container