Question

我正在尝试编写一个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视图函数，该按钮在不刷新页面的情况下更新数据库。我怎么能做到这一点？

Answer 1

这是一个纯粹的JavaScript，简约的方法。我使用JQuery但您可以使用任何库（or even no libraries at all）。

<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')))

Answer 2

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

Django: How can I call a view function from template?

Answer 3

我个人使用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"),

如何在按钮点击时调用Django函数？

3 个答案: