Django:更新页面而不重新加载

时间:2018-06-06 05:10:32

标签: javascript python ajax django page-refresh

我想通过按钮操作更新 homepage.html ,并显示服务器的一些结果。但问题是当我点击按钮时整个页面正在重新加载。这里,我的项目名称是“T2KG”。我的表单标签如下所示:

<form method="POST">
        {% csrf_token %}

        <center><textarea placeholder="Give a input sentence....."
      class="text" name="sent" rows="5" cols="70" font="15px arial, sans-serif" autofocus>Barack Obama born in Hawaii. Hawaii locates in USA.</textarea></center><br>
        <button type="submit" class="btn btn-primary btn-block" id="display_result">Generate Triple</button>
</form>

通过在许多网站上搜索,我了解到我的view.py和urls.py不正确,而且我必须使用AJAX。但是如何在这种情况下实施我不知道。我试过但找不到任何出路。在view.py中,我返回如下值:

def result(request):
text = 'null'
if request.method == 'POST':
    form_input = Sentence(request.POST)
    if form_input.is_valid():
        text = form_input.cleaned_data['sent']
    else:
        form_input = Sentence()

triples = getTriples(text)

ent_list = entityList(text)
triples = predicateList(aggregate(triples, ent_list))
return render(request, './T2KG/homepage.html',{'triples': triples, 'json_triples': json.dumps(triples), 'text':text})

我的urls.py是:

urlpatterns = [
path('', views.set_sent, name='set_text'),
url(r'^T2KG/homepage', views.result, name='result'),]+static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)

请帮帮我。

2 个答案:

答案 0 :(得分:0)

你看起来是一个ajax调用,在没有整个页面刷新的情况下更新页面上的数据。 为此,您需要通过javascript调用将表单数据发送到后端,并在成功时收回json对象。

您可以通过方法检查在python端的同一视图中为该句柄或句柄编写单独的视图(我更喜欢API的sep视图)。如果使用相同的视图,请记住返回JSON对象而不是模板渲染器。

javascript正在做的只是从您的网页上获取表单数据并将其发送到指定的URL,然后等待响应。要应用更改,它需要响应(#can可以阅读js promises)。所以需要有一个后端(在这种情况下是python)来监听这个调用并返回适当的数据(成功时)。

一个不错的关注链接可以是:

https://www.geeksforgeeks.org/handling-ajax-request-in-django/

https://simpleisbetterthancomplex.com/tutorial/2016/08/29/how-to-work-with-ajax-request-with-django.html

http://www.tangowithdjango.com/book17/chapters/ajax.html

答案 1 :(得分:0)

创建Ajax来解决此问题,首先刷新页面后,所有其他更新和数据都将通过ajax进行获取,如果要开发动态网页,则需要了解Ajax