我试图从服务器使用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>"