テンプレート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", {})
どうもありがとうございました。
1つのオプションは、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) }
});
});
});
ユーザーが「クリック」ボタンをクリックするたびに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')
これはどう:
<a class="btn btn-primary" href="{% url 'url-name'%}">Button-Text</a>
クラスには、プライマリボタンのbootstrapスタイルが含まれています。
次のようなフォーム内に入力を配置できます。
<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>
たとえば、ログアウトボタンは次のように記述できます。
<button class="btn btn-primary" onclick="location.href={% url 'logout'%}">Logout</button>
ログアウトエンドポイント:
#urls.py:
url(r'^logout/$', auth_views.logout, {'next_page': '/'}, name='logout'),