如何使Django模板动态更新而不刷新页面

Question

我有一个django tempalate，用于呈现从数据库中选择的值。 我希望页面更新数据而不刷新页面。 这是我的模板代码部分。

{% for history in upload_history %}



 <tr style="background-color:#FFFF99 ;height:20px;">
        <td>{{history.file_path}}</td>
        <td><strong style="background-color:#B0B0B0 ;"><a  href="#response-from-server">Failed</a></strong></td>
        <td><strong >{{history.failed}}</strong></td>
        <td><strong >{{history.datetime}}</strong></td>

    </tr>
    {% endfor %}
     {% for histo in upload_history %}
    <tr style="background-color:#FFFFCC ;height:20px;">
        <td>{{histo.file_path}}</td>
        <td><strong style="background-color:#00FF00 ;">Successful</strong></td>
        <td><strong >{{histo.successful}}</strong></td>
        <td><strong >{{histo.datetime}}</strong></td>
    </tr>
    {% endfor %}

这是我访问数据库的视图代码片段

def up(request):
    items  = Tzworksjmplist.objects.values('evidence').distinct()
    upload_history=Upload_history.objects.all().order_by('datetime')[:1]
    upload_history=Upload_history.objects.all().order_by('datetime').reverse()[:1]

问候

Answer 1

我建议您向Django发送Ajax请求，以便无需页面加载即可更新模板。
您将需要添加一些JQuery代码以执行AJAX请求。
编写一个Django视图，该视图将接受请求并返回JSON / XML格式的响应。

def up(request):
    import json
    upload_history =  your orm query  to fetch data 
    json_data = json.dumps( obj_list )
    return HttpResponse( json_data, mimetype='application/json' )

从您的模板中，您可以命中一个Ajax请求，例如

$.ajax({
type: "GET",
dataType: "json",
url:"/updata/",
success: function(data)
{
    alert("i got data now i will parse it as i want to display it");
},

})

请不要忘记调用JQuery库。