jquery ajax：以正确的顺序处理预输入事件

使用jQuery Ajax时正确处理预输入事件的顺序

javascript
$('#searchInput').on('input', function() {
    // 处理预输入事件的代码将放在这里
});

javascript
let debounceTimer;
$('#searchInput').on('input', function() {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(function() {
        // 处理预输入事件的代码将放在这里
    }, 300); // 300毫秒的延迟
});

javascript
$('#searchInput').on('input', function() {
    clearTimeout(debounceTimer);
    debounceTimer = setTimeout(function() {
        let userInput = $('#searchInput').val();
        $.ajax({
            url: 'your_api_endpoint',
            method: 'GET',
            data: { query: userInput },
            success: function(response) {
                // 处理Ajax响应的代码将放在这里
            },
            error: function(error) {
                console.error('Ajax请求失败:', error);
            }
        });
    }, 300);
});