我试图从服务器使用API获取数据,然后在Jinja2模板页面中呈现它,但我不知道如何在其中传递item.id。代码如下:
$.get("http://127.0.0.1:8000/api/product",function(data){
$.each(data,function(index,item){
var obj="<div class='col-lg-3'>"+
"<div class='card shop-hover'>"+
"<img src="+item.image[0]+" style='height:250px;' alt='wrapkit' class='img-fluid' />"+
"<div class='card-img-overlay align-items-center'>"+
"<a href='{% url 'Checkout' item.id %}' class='btn btn-md btn-info-gradiant'>Buy Now</a>"+
"</div>"+
"<span class='label label-rounded label-success'>Sale</span>"+"</div>"+
"<div class='card'>"+
"<h6><a href='#' class='link'>"+item.Name+"</a></h6>"+
"<h6 class='subtitle'>"+item.BottomHeading+"</h6>"+
"<h5 class='font-medium m-b-30'>"+item.UnitPrice+" / <del class='text-muted line-through'>$225</del></h5>"+
"</div>"+
"</div>";
$(".shop-listing").append(obj);
});
});
这就是我遇到麻烦的代码行
"<a href='{% url 'Checkout' item.id %}' class='btn btn-md btn-info-gradiant'>Buy Now</a>"
1条答案
按热度按时间t1rydlwq1#
你需要到使用这完整的url名字象这样