- 27
- 0
需求是客户点击查询,获取后台数据,页面展示视频列表,时间,和地点信息。
点击删除,删除单个视频及其信息。
js代码:
//查询操作
function getInfo(pagenum,createtime,location) {
sessionStorage.setItem('pagenum', pagenum); //保存当前页数
$.ajax({
type: 'post',
url: 'http://127.0.0.1:8080/gateway/CaptureandRecord?method=getvideo',
dataType: 'text',
data: {
'pagenum': pagenum,
'createtime':createtime,
"location":location,
},
async: false,
success: function(data) {
console.log("data"+data);
var data = JSON.parse(data);
console.log("data"+data);
var list = data.videos;
if (data.flag == "success") {
$('#content .row').html("");
for (var i = 0; i < (data.countmessage<parseInt(pagenum)*8?data.countmessage-(parseInt(pagenum)-1)*8:8); i++) {
$('#content .row').append(
'<div class="col-md-3">' +
' <div class="view">' +
'<video id="'+list[i].uid+'" src="' + list[i].video + '" controls="controls">' +
'</video>'+
'</div>' +
'<ul>' +
'<li>' +
'<span>时间:</span>' +
'<span>' + data.time[i] + '</span>' +
'</li>' +
'<li>' +
'<span>位置:</span>' +
'<span>' + list[i].location + '</span>' +
'</li>' +
'<li>' +
'<button class="delete" onclick="delInfo(' + list[i].uid + ')" data-whatever="' + list[i].uid + '">删除</button>' +
'</li>' +
'</ul>' +
'</div>'
)
}
}
//删除操作
function delInfo(button,id) {
$.ajax({
type: 'post',
url: 'http://127.0.0.1:8080/gateway/CaptureandRecord?method=deletevideobyuid',
dataType: 'text',
data: {
"uid": id,
},
async: true,
success: function(data) {
var data = JSON.parse(data);
if (data.flag == 'success') {
alert('删除成功');
$('button').parents('.col-md-3').remove();
} else {
alert("删除失败");
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
console.log(XMLHttpRequest.status);
console.log(XMLHttpRequest.readyState);
console.log(textStatus);
},
})
}
查询操作中的删除按钮button在点击后调用delInfo(button,id)时,只能返回id,无法传入参数button。(传入button的作用是为了通过button按钮,找到图片的父级,将其删除)
导致在数据库删除了,却无法在页面删除,要怎么解决?
- 共 0 条
- 全部回答
-
喲丿妞你赞 普通会员 1楼
在JavaScript中,我们可以使用AJAX来从服务器获取数据并将其删除。以下是一个简单的示例:
```javascript // 创建一个新的XMLHttpRequest对象 var xhr = new XMLHttpRequest();
// 设置HTTP方法(GET或POST) xhr.open('DELETE', '/deleteData', true);
// 设置请求头 xhr.setRequestHeader('Content-Type', 'application/json');
// 发送请求 xhr.send(JSON.stringify({data: '你要删除的数据'}));
// 监听服务器响应 xhr.onload = function() { if (xhr.status === 200) { // 请求成功 console.log(xhr.responseText); } else { // 请求失败 console.log('请求失败'); } }; ```
在这个例子中,我们首先创建了一个新的XMLHttpRequest对象,然后设置了HTTP方法(DELETE)和请求头。然后,我们发送了一个包含要删除的数据的JSON字符串。最后,我们监听了服务器响应,当服务器响应时,我们将服务器的响应文本打印到控制台。
注意:这个例子假设你已经有一个删除特定数据的路由,这个路由指向一个名为'/deleteData'的URL。你可能需要根据你的实际情况来调整这个URL。
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
