Question

我有以下django代码，其中我返回条目queryset：

def search(request):
    entries_list = Entry.objects.all()
    if request.method == 'GET':
        key = request.GET.get('key', False)
        entries_list = entries_list.filter(key__icontains=key)

    return render(request, 'search.html', {
         'entries': entries_list
    })

我想要做的是在模板中打印条目（键值对）并将它们存储在本地存储中。我怎样才能做到这一点？我试图返回JSON或序列化它，但我没有成功。

即，在我的javascript（for循环）代码中，我想插入我的查询集结果，而不是一些数字：

{% extends  'base.html' %}

{% block head %}

<script>
var prefix = "localStorage-";
function myFunction() {
    alert("Page is loaded");
    for(var i = 0; i < 10; i++) {
        var key = i// $("#key").attr('value');
        var value = 2*i//$("#value").attr('value');
        localStorage.setItem(prefix + key, value);      //******* setItem()
        //localStorage[prefix+key] = value; also works
    }
}

</script>


 {% endblock %}

{% block body %} onload="myFunction()"  {% endblock %}

{% block content %}

{% for e in entries %}
    <h3>
        <a href="{% url 'article' e.id %}">{{ e.key }}</a>
    </h3>
    {{ e.value|safe }}
    <hr>
{% endfor %}

{% endblock %}

Answer 1

如果我正确理解了这个问题，你想在Django模板中生成javascript吗？

...
function myFunction()
{
    {% for value in entries %}
        localStorage.setItem(localStorage-{{ forloop.counter0 }}, {{ value }});
    {% endfor %}
}
....

这会产生类似

的内容

....
function myFunction()
{
    localStorage.setItem(localStorage-0, 'string_version_of_entry_0');
    localStorage.setItem(localStorage-1, 'string_version_of_entry_1');
    localStorage.setItem(localStorage-2, 'string_version_of_entry_2');
    ...
}
....

请注意，每个Entry都会转换为字符串。你不能只是明显地将Django对象转移到javascript。可以通过向def __unicode__(self)添加Entry来控制转换方式。

渲染模板并将数据插入本地存储

1 个答案: