Jquery ajax搜索去反跳

// 引入 jQuery
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script>
  // 定义去反跳函数
  function debounce(func, wait) {
    let timeout;
    return function(...args) {
      clearTimeout(timeout);
      timeout = setTimeout(() => func.apply(this, args), wait);
    };
  }

  // 搜索框输入事件
  $('#search-input').on('input', debounce(function() {
    const query = $(this).val();
    if (query.length > 0) {
      $.ajax({
        url: '/search',
        method: 'GET',
        data: { query: query },
        success: function(response) {
          // 处理响应数据
          $('#search-results').html(response);
        },
        error: function(xhr, status, error) {
          console.error('AJAX Error:', error);
        }
      });
    } else {
      $('#search-results').html('');
    }
  }, 300)); // 300 毫秒去反跳时间
</script>