发布请求后显示选择性数据

Question

我有一个带有表单和提交按钮的网页。 （用户应在此处输入文本并按下“确定”按钮）我使用我的 django 服务器上的发布请求发送此数据。然后，服务器返回一个包含元素的字典。我想在我的网页上制作一些按钮，例如 N1、N2、N3 按钮。当用户按下 N1 按钮时，我只想显示键 N1 的值。我该怎么做？

我的html端：

<div class="form-container">
    <form class="forms" action="{% url 'analyze' %}" method="post">
        <fieldset>
            <ol>
                <textarea class="text-area required" name="source">{{ text }}</textarea>
            </ol>
        </fieldset>
        <input type="submit" value="analyze" name="submit">
    </form>
</div>

我的服务器端：

def analyze(request):
    if request.method == 'POST':
        text = request.POST.get('source')
        try:
            kanji = KanjiesText(text)
            results = [
                {'id': 1, 'value': kanji.n1, 'percent': 100 * len(kanji.n1) / len(N1)},
                {'id': 2, 'value': kanji.n2, 'percent': 100 * len(kanji.n2) / len(N2)},
                {'id': 3, 'value': kanji.n3, 'percent': 100 * len(kanji.n3) / len(N3)},
                {'id': 4, 'value': kanji.n4, 'percent': 100 * len(kanji.n4) / len(N4)},
                {'id': 5, 'value': kanji.n5, 'percent': 100 * len(kanji.n5) / len(N5)}
            ]
            return render_to_response('kanji_analyzer/main.html', {'text': text, 'results': results})
        except KanjiesTextError as e:
            return render_to_response('kanji_analyzer/main.html', {'text': text, 'error': e})
    else:
        return render_to_response('kanji_analyzer/main.html')

附：我不想使用带有属性 display:none 的块。

Answer 1

在你的模板中使用这个：

{% for result in results %}
    <button type="button" >N{{result.id}}</button>
{% endfor %}