ajax异步请求问题

今天在使用异步请求删除图片时，想在页面测试是不是有效果，使用halt完全没反应，我以为是AJAX请求地址有问题，没有请求到这个方法中，但是在控制台中network的请求地址是正常的，后来反应过来了，异步请求本来就不会再页面上反应出来，所以才是异步请求

异步请求删除后台数据库数据的同时，别忘了通过删除前端节点

给个异步请求的例子

<script>
    function delpic(o) {
    if(confirm("确定删除该图片？")){
        var div=$(o).parent().parent();
        div.remove();
    var id=$(o).attr('id');
    //console.log(id)
    $.ajax({
        type:'POST',
        dataType:'json',
        url:"{:url('Goods/delpic')}",
        data:{id:id},
        success:function (data) {
            console.log(data);
            alert(data.msg);
        }
    });
}

    }

</script>

//异步请求删除商品图片
    public function delpic(){

        $id=input('id');
        $res=Db::table('sp_goods_photos')->where('gp_id',$id)->find();
        if($res){
            unlink(WEB_PATH.$res['gp_img']);
            if(Db::table('sp_goods_photos')->where('gp_id',$id)->delete()){
                return ['res'=>1,'msg'=>'图片删除成功'];
            }else{
                return ['res'=>0,'msg'=>'图片删除失败'];
            }

        }
    }