从过滤器中获取html并附加到django中

Question

您好，我想知道如何从过滤器中获取数据并将其附加到我的 html 中。我收到此错误Uncaught SyntaxError: Unexpected token '<'

HTML

<span id='securedata'></span>
<script>
        window.onscroll = () => {
            if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
                document.querySelector('body').style.background = 'purple';
                <!--my problem is -->
                $('#securedata').append("{% recommend_community_first request.user.pk %}");

            }
            else {
                document.querySelector('body').style.background = 'white';
            }
        }

</script>

模板标签/load_recommendation.py：

@register.inclusion_tag('community/recommend_not_recommend.html')
def recommend_community_first(user_id):
    user = User.objects.get(id=user_id)
    community = Community.objects.all().order_by('-popularity')[:6]
    post = Post.objects.filter(community__in=[i.pk for i in community],video__isnull=True).order_by('-created')
    return {'posts':post,'moi':user}

我怎样才能从我的过滤器中附加该数据而不会出现任何错误。谢谢

Answer 1

在 JavaScript 中访问 Django 模板变量

就这样做吧：

<script>
    let my_url = "{% url 'recommend_community_first' request.user.pk %}";
    // Or if it is {{ }} kind
    let my_var = '{{ context_name_variable }}';

    // Here you can use these variable
    $('#securedata').append(my_url);
</script>

诀窍是始终在 JS 部分的变量上使用引号（'' 或 ""）。