javascript - 利用ajax怎样实现在前台删除了数据之后，传递给后台-PHP中文网问答

讲师中心微信公众号

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机游戏

最近更新

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

巴扎黑 2017-04-11 12:14:39

[JavaScript讨论组]

394

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

巴扎黑

全部回复(8)

黄舟2017-04-11 12:16:39 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;
        }
    }
});

赞 +0

添加回复

阿神2017-04-11 12:16:39 7楼

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

赞 +0

添加回复

PHPz2017-04-11 12:16:39 6楼

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

赞 +0

添加回复

ringa_lee2017-04-11 12:16:39 5楼

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

赞 +0

添加回复

巴扎黑2017-04-11 12:16:39 4楼

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

赞 +0

添加回复

PHP中文网2017-04-11 12:16:39 3楼

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

赞 +0

添加回复

PHP中文网2017-04-11 12:16:39 2楼

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

赞 +0

添加回复