例如,当用户输入一些文本时,在搜索表单中,AJAX请求应该发送每个keyup事件,搜索键作为查询字符串.搜索键将是输入框中的值.
如果用户输入"ABCD",在这种情况下,前3个AJAX请求应该被杀/取消,因为在第4个AJAX请求中,searchkey将是"ABCD"
$(document).ready(function(){
$("#searchInput").keyup(function(){
ajaxSearch( $("#searchInput").val() );
});
});
Run Code Online (Sandbox Code Playgroud)
在keyup事件中,我调用了"ajaxSearch()"函数.
function ajaxSearch(searchKey) {
$.ajax({
type: "get",
url: "http://example.com/ajaxRequestHandler/",
data: "action=search&searchkey=" + searchKey
}).done(function() {
/* process response */
});
}
Run Code Online (Sandbox Code Playgroud)