django - 如何在 django 中实现关于 ajax 成功功能的烤面包机消息?
问题描述
我正在解决一个问题,我必须从列表中删除条目。我需要在删除项目时显示一条烤面包机消息并且我想删除已删除的元素而不刷新?我该怎么做?我在网上尝试了很多链接,但没有一个对我有用。
视图.py
def centre_delete(request):
if request.is_ajax():
id = request.POST.get('id')
Centre.objects.get(pk=id).delete()
message = "Deleted Successfully"
else:
message = "Not Ajax"
return HttpResponse(message)
center_list.html
<script type="text/javascript">
$(document).ready(function() {
$(".del").click(function(){
swal(Delete centre?);
$.ajax({
type: "POST",
url: "/NewApp/centredelete/",
data: {
'id': $('#cendel').val()
},
success: function () {
#what should go here?
}
});
return false;
});
});
</script>
<body>
{% for c in centres %}
<tr>
<td>{{ c.name }}</td>
<td>{{ c.address }}</td>
<td>{{ c.contact }}</td>
<td>{{ c.phone }}</td>
<td>
<a href="{% url 'NewApp:centreupdate' slug=c.slug %} " style="color:black; margin-left:8px"><span class="glyphicon glyphicon-edit"></span></a>
<input type="hidden" id="cendel" value="{{ c.id }}">
<a class="btn btn-primary del" type="button" id="del">Delete</a></td>
</tr>
{% endfor %}
</body>
解决方案
只要成功,您就可以隐藏表格的那些特定行。当然你必须把行ID
你可以设置
<tr id="{{ c.id }}">
在脚本中:
var update_table = document.getElementById('id').style;
update_table.display = 'none';
对于 toast 消息,您可以从这里实现 https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_snackbar
还有其他实现方式。希望这会有所帮助。
推荐阅读
- python - pandas apply upper() 分别在两个字符串列中的每一个上工作,但不能一起工作
- angular - 在迭代 forEach 循环之前等待异步方法执行:Angular 4
- python - Bazel rules_python 无法将 xgboost 复制到运行文件目录
- python-3.x - 如何使用python代码使用他的IP地址获取远程树莓的MAC地址
- python - 如何在 django 中通过 AJAX 请求传递数据?
- c# - System.Object.MemberwiseClone 在 .NET 中是线程安全的吗?
- sql - 从一个表中获取不在另一个表中的值
- python - 堆栈的实现
- javascript - 向列表中的所有元素发送点击事件
- python - 无法创建虚拟环境 anaconda