1. 程式人生 > >django django中的HTML控制元件及引數傳遞方法 以及 HTML form 裡的資料是怎麼被包成http request 的?如何在瀏覽器裡檢視到這些資料? 從HTML form submit 到 django response是怎麼完成的

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 submit 到 django response是怎麼完成的
  • 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]