// 删除成功后需要刷新页面或者更新数据列表代码
时间: 2023-08-02 08:10:48 浏览: 49
好的,针对你的问题,这里提供一些在删除成功后刷新页面或者更新数据列表的代码示例。
1. 刷新页面
当执行删除操作后,可以通过 `location.reload()` 方法来实现刷新页面的操作,具体代码如下:
```
function deleteData() {
$.ajax({
url: '/delete',
type: 'post',
data: {id: 'xxx'},
success: function(result) {
if (result === 'success') {
// 删除成功后刷新页面
location.reload();
}
}
});
}
```
2. 更新数据列表
当执行删除操作后,可以通过重新渲染数据列表来实现更新数据列表的操作,具体代码如下:
```
<div id="data-list"></div>
<script>
function deleteData() {
$.ajax({
url: '/delete',
type: 'post',
data: {id: 'xxx'},
success: function(result) {
if (result === 'success') {
// 删除成功后更新数据列表
updateDataList();
}
}
});
}
function updateDataList() {
$.ajax({
url: '/get-data-list',
type: 'get',
success: function(result) {
// 将获取到的数据渲染到页面上
$('#data-list').html(result);
}
});
}
</script>
```
这里我们定义了一个 `updateDataList()` 函数,调用该函数可以重新获取数据列表并且渲染到页面上。在执行删除操作成功后,调用 `updateDataList()` 函数即可更新数据列表。同时需要在后台编写获取数据列表的代码,例如:
```
@RequestMapping("/get-data-list")
@ResponseBody
public String getDataList() {
// 获取数据列表的逻辑代码
return "数据列表";
}
```
以上是两种常用的做法,具体需要根据实际情况来选择。
相关推荐
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![application/x-rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)