基于ajax 的异步刷新（删除列表中的某一项）

最新推荐文章于 2023-06-12 00:25:39 发布

原创最新推荐文章于 2023-06-12 00:25:39 发布 · 382 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

java 前后端专栏收录该内容

8 篇文章

订阅专栏

这篇博客介绍了一个使用Ajax进行异步数据删除的JavaScript函数。通过调用后台接口，传入特定的id、userid和cardId参数，实现数据的删除。当删除操作成功时，会弹出提示信息，并利用window.location.reload()方法刷新当前页面，以更新用户界面。如果请求失败，会在控制台打印错误日志。

ajax异步刷新界面

删除当前页面的该条数据，同时异步刷新

function deleteInfo(id,userid,cardId) {
   // 使用ajax
   $.ajax({
         // ajax要删除的路径
         url : "${ctx}/bus/questionnaire/delete",
         // 请求方式和后端的接口应保持一致
         type : "GET",
         // 数据对象前端传给后端
         data : {
            "id" : id,
            "userid" : userid,
            "cardId" : cardId
         },
         // 数据类型
         dataType: 'json',
         // 成功，则弹出删除成功
         success : function() {
            alert("删除成功");
            // 窗口重新加载
            window.location.reload();
         },
         error : function(data) {
            // 失败则打印错误日志
            console.log("error:"+data)
         }
      });