我的页面上有多个项目的列表,每个项目都有一个联系人使用按钮,如果用户单击contact us
页面,则它将打开一个弹出表单,而我正在使用Ajax进行操作。但是,每当我单击按钮时,它就会显示在Network
(调试后)中找不到的页面。请让我知道如何解决该问题。
这是我的urls.py
档案...
re_path('ajax/datadis/<int:pk>/$', views.dataview, name='dataview'),
这是我的views.py
档案...
def dataview(request, id):
template_name = 'page/ajax/popup.html'
return render(request, template_name)
这是我的index.html
文件代码...
<ul class="product-rating">
<button title="Enquire for {{i.name}}" id="id_{{i.id}}" class="btn btn-primary btn-sm" onclick="projectDetail({{i.id}})" data-url="{% url 'appname:projectview' i.id %}">Contact Us</button>
</ul>
这是我的Ajax代码...打开弹出表单...
</script>
function projectDetail(id){
var html = '';
var modalDiv = $("#modalData");
$.ajax({
url: "{% url 'appname:dataview' %}"+id,
type:"GET",
dataType:"HTML",
success: function(res) {
modalDiv.html(res);
$("#exampleModal").modal("show");
}
});
}
</script>
这是我的弹出模型代码...
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body" id="modalData">
<p>{{i.name}}</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
这就是error
我在控制台中得到的。
Page not found (404)
Request URL: http://127.0.0.1:8000/ajax/datadis/%3Cint:pk%3E/161
re_path
具有不同的语法。看起来路径足以满足此网址的要求。
path('ajax/datadis/<int:pk>/', views.dataview, name='dataview'),
模板中的url标记将id作为参数。
{% url 'appname:dataview' id %}",
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句