bootstrap table 请求后 重写

### 如何在 Bootstrap Table 发起请求后刷新或重绘表格

当使用 Bootstrap Table 并希望在其发起请求并接收响应之后动态更新或刷新表格内容时，有几种有效的方法来实现这一目标。

#### 使用 `refresh` 方法
Bootstrap Table 提供了一个内置的 `refresh` 方法，允许重新加载当前页面的数据而不必手动销毁和重建整个表格实例。这可以通过调用如下所示的 JavaScript 代码片段轻松完成：

$("#yourTableId").bootstrapTable('refresh');

此命令会触发一次新的 AJAX 请求去获取最新数据，并自动替换现有显示的内容[^1]。

#### 利用手动方式设置新数据源
如果需要更灵活地控制何时以及如何更新表格中的信息，则可以选择先通过网络请求取得最新的数据集，再利用 `load` 函数将这些数据注入到表格里。下面是一个简单的例子说明了这个过程：

$.get("/api/data", function(responseData){
    $("#yourTableId").bootstrapTable('load', responseData);
});

这种方法特别适用于那些想要自定义查询参数或者处理非标准 API 响应的情况。

#### 结合事件监听器增强交互体验
为了进一步提升用户体验，在某些情况下可能还需要监听特定事件（比如分页改变、排序变化等），以便及时作出相应的调整。例如，可以在初始化时绑定一个回调函数给 `onLoadSuccess` 事件，从而确保每次成功加载数据后都能执行额外的操作：

$('#yourTableId').on('load-success.bs.table', function () {
    console.log("The table has been successfully loaded with new data.");
    // 可在此处添加其他逻辑操作
});

以上三种策略可以根据实际需求单独应用或是组合起来使用，以达到最佳效果。