大海话语 2021-11-07 16:26 采纳率: 87.9%
浏览 792
已结题

前端接收后端数据成功后,用弹窗的形式,显示操作成功或失败。

我想接收一个后端 的数据,如果返回的是成功,那么 就在弹窗显示操作成功,如果失败,就显示失败。这样的话, 怎么操作呢?弹窗也都会,接收数据也知道,就是不知道如何在后端返回成功时,弹出成功的窗口或失败的信息。。

  • 写回答

2条回答 默认 最新

  • 言程序plus 全栈领域优质创作者 2021-11-07 17:19
    关注

    一般我们前端接受后端数据的封装的请求这里有成功和失败的回调,我们在成功或者失败的回调里面,写弹窗的逻辑就可以了
    不知道你用的是ajax写的还是vue+封装的Axios来开发的项目,给你看看示例
    axios

    axios.get(url, {
      params: { 'key': 'value' }
    }).then(function (res {
        //接口请求返回了数据
      if(res.data.code==200){
              //成功的回调,做弹窗逻辑
                this.$message.info("成功");
          }else{
              //失败的回调,做弹窗逻辑
                 this.$message.info("失败");
    }
    }).catch(function (error) {
      //异常捕获
    this.$message.info(error);
    });
    
    

    ajax的逻辑

     $.ajax({
                    url:"${ctp}/SchemaOperate/createSch",
                    data:data.field,
                    type:'post', 
                    cache:false, 
                    dataType:'json',
                    success:function(result){
                                       alert('成功')                            
                  },
                  error:function(result){
                      alert("失败(或后台报错)");                   
                  }
                   });
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 11月16日
  • 已采纳回答 11月8日
  • 创建了问题 11月7日