Question

我想通过按钮操作更新 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)

请帮帮我。

Answer 1

你看起来是一个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

Answer 2

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

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

2 个答案: