搜索文本框清除使用jquery ajax将所有数据显示到html表中

<input type="text" id="searchInput">
<button id="searchButton">搜索</button>

$(document).ready(function() {
  $('#searchButton').click(function() {
    var searchText = $('#searchInput').val();
    // 执行搜索操作
  });
});

$(document).ready(function() {
  $('#searchButton').click(function() {
    var searchText = $('#searchInput').val();
    
    $.ajax({
      url: 'search.php', // 替换为实际的搜索接口URL
      type: 'GET',
      data: { searchText: searchText },
      success: function(data) {
        // 将返回的数据显示在HTML表格中
        var table = $('#resultTable');
        table.empty(); // 清空表格内容
        
        // 遍历返回的数据，生成表格行
        for (var i = 0; i < data.length; i++) {
          var row = $('<tr>');
          row.append($('<td>').text(data[i].name));
          row.append($('<td>').text(data[i].age));
          // 添加更多列...
          
          table.append(row); // 添加行到表格中
        }
      },
      error: function() {
        alert('搜索请求失败');
      }
    });
  });
});

<table id="resultTable">
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <!-- 更多表头列... -->
    </tr>
  </thead>
  <tbody>
    <!-- 搜索结果将动态添加到这里 -->
  </tbody>
</table>