Question

我有一个关于如何从模板HTML按钮调用视图函数的问题？像一个onclick功能？这是模板：

<input id="submit" type="button" onclick="xxx" method="post" value="Click" />

views.py是：

def request_page(request):
    ...do something...
    return render_to_response("/directory.html", {})

非常感谢。

Answer 1

假设您希望每当用户单击“Click”按钮时从html文本框中的用户输入获取值，然后调用您在mypythoncode.py中编写的python函数（mypythonfunction）。请注意，“btn”类是在css文件中定义的。

在templateHTML.html中：

<form action="#" method="get">
 <input type="text" value="8" name="mytextbox" size="1"/>
 <input type="submit" class="btn" value="Click" name="mybtn">
</form>

在view.py中：

import mypythoncode

def request_page(request):
  if(request.GET.get('mybtn')):
    mypythoncode.mypythonfunction( int(request.GET.get('mytextbox')) )
return render(request,'myApp/templateHTML.html')

Answer 2

一个选项是，您可以使用submit

打包form按钮

这样的事情：

<form action="{% url path.to.request_page %}" method="POST">
    <input id="submit" type="button" value="Click" />
</form>

（删除onclick和method）

如果您想加载页面的特定部分，而无需重新加载页面 - 您可以

<input id="submit" type="button" value="Click" data_url/>

和submit听众

$(function(){
     $('form').on('submit', function(e){
         e.preventDefault();
         $.ajax({
             url: $(this).attr('action'),
             method: $(this).attr('method'),
             success: function(data){ $('#target').html(data) }
         });
     });
});

Answer 3

这个怎么样：

<a class="btn btn-primary" href="{% url 'url-name'%}">Button-Text</a>

该类包含主按钮的引导样式。

Answer 4

你可以将输入放在这样的表格中： -

<script>
    $(document).ready(function(){
        $(document).on('click','#send', function(){
            $('#hid').val(data)
            document.forms["myForm"].submit();
        })
    })
</script>

<form id="myForm" action="/request_page url/" method="post">
    <input type="hidden" id="hid" name="hid"/>
</form>
<div id="send">Send Data</div>

Answer 5

例如，注销按钮可以这样写：

<button class="btn btn-primary" onclick="location.href={% url 'logout'%}">Logout</button>

注销终点：

#urls.py:
url(r'^logout/$', auth_views.logout, {'next_page': '/'}, name='logout'),

Answer 6

对于删除所有数据：

HTML文件

  class="btn btn-primary" href="{% url 'delete_product'%}">Delete

将以上代码放入锚标记中。（一个标签！）

url.py

path('delete_product', views.delete_product, name='delete_product')]

views.py

def delete_product(request):
    if request.method == "GET":
        dest = Racket.objects.all()
        dest.delete()
        return render(request, "admin_page.html")

Django：如何从模板中调用视图函数？

6 个答案: