利用ajax怎样实现在前台删除了数据之后,传递给后台

在前台页面要删除某一行的数据,用ajax怎样实现,相应的数据库里面也没有这条数据了

阅读 17.2k
8 个回答

让后台提供接口给你,你只需要把对应的数据id传递后台,根据后台返回是否删除成功在做刷新页面就行了。

$.ajax({
    type:"POST",
    data:$.param({id:v}),
    url:"/action/post/dele", //后台提供的删除接口
    dataType:'json',
    success:function(data){
        var html = '';
        if(data.status == 1){
            alert('删除成功');
            window.location.reload();
        } else {
            alert('删除失败,请稍后重试'); return false;
        }
    }
});

前端没法直接操作数据库,除非你的数据库是放在前端的,如indexedDB、WebSQL,但是一般很少这样的,所以只能交给后台来操作数据库,将删除的数据通过ajax接口告诉后台,后台再操作数据库删除相应的数据。

一般这种数据应该有标识用来指定什么数据,这个需要你和后台沟通,看需要怎么传递参数

一般需要后端提供一个API,每当有删除的操作时就调用一次这个API,把被删除的数据的id或者其它参数传递到后端,后端再去删除数据库中的数据。

和后台沟通,让他提供给你一个删除数据库里数据的api。
你在前端把页面中对应的模块remove,然后ajax请求后台给你的删除api,就可以了。
不请求接口的话,前端对应的删除只是页面视觉上的删除,并没有涉及到数据库。

楼上都是正解,删除成功后,前台更新一下就Ok了哦

首先要清楚的是,这个删除实际上分为两个部分,一个人是前端中的删除,一个是后端的删除。前端的删除要看达到怎样的目的,如果是仅仅页面中看不到了,你可以直接设置css样式display:none.如果还要删除dom元素则要考虑调用 Node.prototype.removeChild方法。
如果删除dom元素,但还是想把DOM元素的数据和事件保持在内存中,请参考jQuery中remove() 和detach()方法的区别。
好,其实我知道题主不care前端“删除一行数据”到底有哪些方法,回到问题,想要后端也同时删除这条数据的话,就需要利用ajax技术将这条数据的主键发送个后端,这个“主键”当然也要根据数据库的设定以及后端的具体代码来确定。详细代码请参考楼上。

后端传递接口,前端ajax调用该接口并传递相关的值,让后台来执行数据库的删除操作

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏