最近在做项目中,遇到一个问题,在嫖哥的帮助完美解决。

需求是这样的:
1、删除数据前需要有一个确认提示
2、点击确认后使用异步AJAX发送POS请求,处理服务端返回信息,删除成功后返回ok
3、客户端接收到ok信息后,remove数据行
4、操作成功跳转页面
5、如果收到error信息,客户端给出提示

代码如下:

$('#btndo').click(function () {

                                swal({
                                    title: "你确定要清空吗?",
                                    text: "缓存文件删除后将无法恢复!",
                                    type: "warning",
                                    showCancelButton: true,
                                    confirmButtonColor: "#DD6B55",
                                    confirmButtonText: "是的,删除",
                                    closeOnConfirm: false
                                }, function () {
                                    $.ajax({
                                      url: "<?PHP echo u('cache', 'DoClear');?>",
                                      type: "POST",             
                                      dataType: "json",
                                      data:$("#configform").serialize(),
                                      success: function(res) {                    
                                            console.log(res);
                                            if(res.status == 'error'){
                                                    //alert(res.data);
                                                    toastr.error(res.data);    
                                                }else{
                                                    toastr.success('恭喜您,操作成功!');    
                                                    setTimeout(function(){
                                                        location.href = '<?php echo u("cache", "index");?>';
                                                    }, 500);
                                                }
                                       },
                                       error: function (XMLHttpRequest, textStatus, errorThrown) {
                                              console.log(XMLHttpRequest.status);
                                              console.log(XMLHttpRequest.readyState);
                                              console.log(textStatus);
                                              alert(textStatus);
                                        }
                                    })
                                });
                    });
最后修改:2019 年 12 月 16 日
如果觉得我的文章对你有用,请随意赞赏