django django中的HTML控制元件及引數傳遞方法 以及 HTML form 裡的資料是怎麼被包成http request 的?如何在瀏覽器裡檢視到這些資料? 從HTML form submit 到 django response是怎麼完成的
https://www.jb51.net/article/136738.htm
django中的HTML控制元件及引數傳遞方法
下面小編就為大家分享一篇django中的HTML控制元件及引數傳遞方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧本文對djangoHTML的表單控制元件中的單選及多選進行介紹,並說明如何進行引數傳遞。
1.HTML中的表單控制元件:
在HTML中表單的書寫一般為:
?1 2 3 4 5 6 7 8 |
<
form
method
=
"post"
action
=
""
> 這個method代表方法,方法一般有兩個一個是'post',一個是'get',action是提交表單到何處,可填寫一個網址。不填則預設到本頁面。
{%csrf_token%} 這個是django中的一個標籤,用於防止惡意攻擊使用,如果不加入這個標籤,會遇到不能提交的問題,處理麻煩一點,建議加上。 <
input
name
=
"select"
type
=
"radio"
value
=
'radio'
>這就是一個單選標籤,多選為type='checkbox'。 value是顯示的內容,並且後端提交後也將此作為值,其中name是後端
獲取時所用的如後端使用 select = request.POST['select']獲取這個單選按鈕的value,另外也可以用select = request.POST.get('select',None)來獲取。 <
input
name
=
"submit"
type
=
"submit"
value
=
"提交"
/>這就是一個提控制元件,其中的type='submit'會保證點選後表單(<
form
></
form
>)中的內容被提交到後端。
<
input
name
=
"text"
type
=
"text"
value
=
""
/>一個輸入框
</
form
>
<!-表單結束>
|
前段在HTML中總的構造是
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
meta
charset
=
"UTF-8"
>
<
title
>Title</
title
>
</
head
>
<
body
>
<
form
method
=
"post"
action
=
""
>
{%csrf_token%}
<
input
name
=
"select"
type
=
"radio"
value
=
'radio'
>
<
input
name
=
"text"
type
=
"text"
value
=
""
/>
<
input
name
=
"submit"
type
=
"submit"
value
=
"提交"
/>
</
form
>
</
body
>
</
html
>
|
那麼前段HTML就是這樣。
2.django的view.py中接受資料:
後端可以在view中書寫一個def用於接受前端傳入的資料:
如:
?1 2 3 4 5 6 7 8 9 |
def receive_data(request):
if request.POST: # 如果資料提交
print('有提交')
select = request.POST.get('select',None)
text = request.POST.get('text',None)
print(select,text)
return render(request,'your_html.html', locals()) # your_html.html改為你的html頁面並且參考前面的部落格建立url連結。
|
這就是django建立前後互動的簡單案例,在django 1.10.5 python 3.5 html 5下進行。
以上這篇django中的HTML控制元件及引數傳遞方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援指令碼之家。
###########
https://www.cnblogs.com/lynnge/p/5096819.html
- HTML form 裡的資料是怎麼被包成http request 的?如何在瀏覽器裡檢視到這些資料?
瀏覽器做的html資料解析
form裡的資料變成name=value對在POST Body中
request content-type說明了POST Body的資料如何解析 (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Sending_and_retrieving_form_data )
browser debugging tool裡的network tab裡可以看大所有的資料: Request header, Response header, Form data, cookie
- django是怎麼解析出資料的?django中是如何使用這些資料的?
request.POST[name]
#########
http://www.runoob.com/python/python-mysql.html
https://baijiahao.baidu.com/s?id=1603758921183499330&wfr=spider&for=pc
- HTML form 裡的資料是怎麼被包成http request 的?如何在瀏覽器裡檢視到這些資料?
瀏覽器做的html資料解析
form裡的資料變成name=value對在POST Body中
request content-type說明了POST Body的資料如何解析 (https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Sending_and_retrieving_form_data )
browser debugging tool裡的network tab裡可以看大所有的資料: Request header, Response header, Form data, cookie
- django是怎麼解析出資料的?django中是如何使用這些資料的?
request.POST[name]