博客作者正尝试在HTML模板中创建一个表，显示Django模型的所有实例，并为每行提供一个编辑按钮。点击按钮时，他们希望通过AJAX获取特定实例的详细信息，填充模态窗口进行编辑，然后使用AJAX更新数据库。目前遇到的问题是AJAX请求未能成功，导致错误日志输出。作者提供了相关代码，包括模型定义、URL配置、视图函数和HTML模板片段，寻求解决方案。
我在HTML模板中有一个表，它显示django模型的所有实例。在模板的每一行上，我都有一个edit按钮，它可以查找每个实例的主键，通过单击该按钮，我希望使用ajax以模式填充模型实例中的所有字段。之后，我希望能够编辑数据并使用ajax将编辑的数据发送回数据库。在
我在网上搜索了一下，发现this post正是我所需要的，但我还是无法使其工作。任何帮助都将不胜感激。在
jQuery代码var modalDiv = $("#modal-div");
$(".open-modal").on("click", function() {
console.log("button clicked");
var url = $(this).attr('data-url').replace('/', '');
console.log("url:",url); // this returns my customer number but is not used in the code below
$.ajax({
url: $(this).attr("data-url"),
type: 'get',
success: function(data) {
console.log("success");
modalDiv.html(data);
$("#myEdit").modal(); //#myEdit is the ID of the modal
},
error : function() {
console.log("Error: this did not work"); // provide a bit more info about the error to the console
}
});
});
表单中的标记
^{pr2}$
不用说，我一直收到错误控制台.log留言。
下面是完整的代码库。在
型号：class Kunde(models.Model):
avd = [('610','610'), ('615', '615'), ('620', '620'), ('625', '625'), '630', '630'), ('635', '635'),('640', '640'),('645', '645'), ('650', '650'), ('655', '655')]
avdeling = models.CharField(max_length=3, choices=avd)
selskap = models.CharField(max_length=50, unique=True)
kundenr = models.CharField('Kundenummer', max_length=15, unique=True, primary_key=True)
gatenavn = models.CharField(max_length=50,)
postnr = models.CharField('Postnummer', max_length=4)
poststed = models.CharField(max_length=30)
kommune = models.CharField(max_length=30)
timestamp = models.DateField(auto_now_add=True)
updated = models.DateField(auto_now=True)
def get_absolute_url(self):
return reverse("dashboard:index")
def __str__(self):
return self.selskap
class Meta:
ordering = ['selskap']
网址app_name = "dashboard"
urlpatterns = [
path('', views.dashboard, name='index'),
path('', views.customer_list, name='customer_list'),
url(r'^(?P[0-9]+)$', views.customer_update, name='customer_update'),
]
观点：
显示表格的主视图def dashboard(request):
template = 'dashboard/index.html'
if request.user.groups.filter(name__in=['Vest']).exists():
queryset = Kunde.objects.filter(Q(avdeling='630') | Q(avdeling='635')).all()
elif request.user.groups.filter(name__in=['Nord']).exists():
queryset = Kunde.objects.filter(Q(avdeling='610') | Q(avdeling='615') | Q(avdeling='620')).all()
elif request.user.groups.filter(name__in=['Øst']).exists():
queryset = Kunde.objects.filter(Q(avdeling='660') | Q(avdeling='655') | Q(avdeling='650')).all()
elif request.user.groups.filter(name__in=['Sør']).exists():
queryset = Kunde.objects.filter(Q(avdeling='640') | Q(avdeling='645')).all()
elif request.user.groups.filter(name__in=['Nord-Vest']).exists():
queryset = Kunde.objects.filter(Q(avdeling='625')).all()
else:
queryset = Kunde.objects.all()
context = {
"object_list": queryset,
}
return render(request, template, context)
视图以显示模态def customer_update(request, kundenr=None):
template = 'dashboard/index.html'
instance = get_object_or_404(Kunde, kundenr=kundenr)
context={
'selskap': instance.selskap,
'instance': instance,
}
return render(request, template, context)
HTML表格
AvdelingSelskapKundenr.PoststedKommuneRediger
{% for kunde in object_list %}
{{ kunde.avdeling }} {{ kunde.selskap }} {{ kunde.kundenr }} {{ kunde.poststed }} {{ kunde.kommune }}{% endfor %}
这部分包括html中的模态
{% include 'dashboard/customer-modal.html' %}
这是模态模板本身
{% csrf_token %}
在
在
扫一扫
728
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
