jQuery带提示的ajax删除数据

2019 年 12 月 16 日

5784 次浏览

1451字数

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

需求是这样的：
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);
    										}
    									})
    								});
    					});