我有以下代码块，它使用jQuery将id为searchBox的文本输入的内容发送到服务器.
$(document).ready(function () {
$('#searchBox').on('input', function () {
var searchContent = $(this).val()
if (searchContent.length == 0) {
// other not relevant code
}
else {
$.post('/checkAvailability',
{ domainName: searchContent },
function (data, status, jqXHR) {
console.log(status + ' ' + data);
});
}
});
});
如果搜索内容在3秒内没有更改，我如何才能调用$.post函数？
在不使用其他实现(如lodash.throttle或lodash.debounce)的情况下，可以使用setTimeout和clearTimeout.
(我注释掉了对$.post的调用，只是在演示中使用了console.log()调用)
$(document).ready(function() {
let run;
$("#searchBox").on("input", function() {
const searchContent = $(this).val();
clearTimeout(run);
if (searchContent.length == 0) {
// other not relevant code
} else {
run = setTimeout(() => {
console.log(searchContent);
/* $.post(
"/checkAvailability", {
domainName: searchContent
},
function(data, status, jqXHR) {
console.log(status + " " + data);
}
); */
}, 3000);
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input id="searchBox" />