45

我正在尝试编写一个 Django 应用程序,但我被困在单击按钮时如何调用视图函数。

在我的模板中,我有一个链接按钮,如下所示,单击它会将您带到不同的网页:

<a target="_blank" href="{{ column_3_item.link_for_item }}">Check It Out</a>

单击按钮时,我还想调用 Django 视图函数(以及重定向到目标网站)。视图函数增加数据库中的值,该数据库存储了按钮被单击的次数。

column_3_item.link_for_item是指向外部网站的链接(例如www.google.com)。现在,当单击该按钮时,它会打开一个新窗口,将您带到谷歌网站。

我想做的是在单击按钮时调用 Django 视图函数,该按钮更新数据库而不刷新页面。我怎样才能做到这一点?

4

3 回答 3

49

这是一种纯 JavaScript 的简约方法。我使用 JQuery,但您可以使用任何库(甚至根本没有库)。

<html>
    <head>
        <title>An example</title>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>
            function call_counter(url, pk) {
                window.open(url);
                $.get('YOUR_VIEW_HERE/'+pk+'/', function (data) {
                    alert("counter updated!");
                });
            }
        </script>
    </head>
    <body>
        <button onclick="call_counter('http://www.google.com', 12345);">
            I update object 12345
        </button>
        <button onclick="call_counter('http://www.yahoo.com', 999);">
            I update object 999
        </button>
    </body>
</html>

替代方法

您可以通过以下方式更改链接,而不是放置 JavaScript 代码:

<a target="_blank" 
    class="btn btn-info pull-right" 
    href="{% url YOUR_VIEW column_3_item.pk %}/?next={{column_3_item.link_for_item|urlencode:''}}">
    Check It Out
</a>

在你的views.py

def YOUR_VIEW_DEF(request, pk):
    YOUR_OBJECT.objects.filter(pk=pk).update(views=F('views')+1)
    return HttpResponseRedirect(request.GET.get('next'))
于 2013-03-11T16:42:15.103 回答
18

我个人使用了 2 种可能的解决方案

1.不使用表格

 <button type="submit" value={{excel_path}} onclick="location.href='{% url 'downloadexcel' %}'" name='mybtn2'>Download Excel file</button>

2.使用表格

<form action="{% url 'downloadexcel' %}" method="post">
{% csrf_token %}


 <button type="submit" name='mybtn2' value={{excel_path}}>Download results in Excel</button>
 </form>

urls.py 应该有这个

path('excel/',views1.downloadexcel,name="downloadexcel"),
于 2019-09-26T18:01:28.083 回答
4

以下答案可能对您问题的第一部分有所帮助:

Django:如何从模板调用视图函数?

于 2013-11-04T04:08:38.423 回答