Django之提交表單與前后端交互的方法
更新時(shí)間：2019年07月19日 10:07:44 作者：why1673
今天小編就為大家分享一篇Django之提交表單與前后端交互的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
Django之META與前后端交互
1 提交表單之GET
前端提交數(shù)據(jù)與發(fā)送
1）提交表單數(shù)據(jù)
2）提交JSON數(shù)據(jù)
后端的數(shù)據(jù)接收與響應(yīng)
1）接收GET請(qǐng)求數(shù)據(jù)
2）接收POST請(qǐng)求數(shù)據(jù)
3）響應(yīng)請(qǐng)求
GET 請(qǐng)求過(guò)程
前端通過(guò)ajax發(fā)起GET請(qǐng)求,json格式數(shù)據(jù)
var data = {
"name": "test",
"age": 1
};
$.ajax({
type: 'GET',
url: /your/url/,
data: data, # 最終會(huì)被轉(zhuǎn)化為查詢(xún)字符串跟在url后面： /your/url/?name=test&age=1
dataType: 'json', # 注意：這里是指服務(wù)端返回json格式的數(shù)據(jù)
success: function(data) { # 這里的data就是json格式的數(shù)據(jù)
},
error: function(xhr, type) {
}
});
后端接受GET請(qǐng)求數(shù)據(jù)
name = request.GET.get('name', '')
age = int(request.GET.get('age', '0'))
2 提交表單之POST
方式一:
前端發(fā)送POST請(qǐng)求:
var data = {}
# 如果頁(yè)面并沒(méi)有表單，只是input框，請(qǐng)求也只是發(fā)送這些值，那么可以直接獲取放到data中
data['name'] = $('#name').val()
# 如果頁(yè)面有表單，那么可以利用jquery的serialize()方法獲取表單的全部數(shù)據(jù)
data = $('#form1').serialize();
$.ajax({
type: 'POST',
url: /your/url/,
data: data, #request Header中默認(rèn)是Content-Type:application/x-www-form-urlencoded
dataType: 'json', # 注意：期望服務(wù)器返回的數(shù)據(jù)類(lèi)型
success: function(data) { # 這里的data就是json格式的數(shù)據(jù)
},
error: function(xhr, type) {
}
});
注: ajax中沒(méi)有指明content-type類(lèi)型,請(qǐng)求頭中默認(rèn)是Content-Type:application/x-www-form-urlencoded,因此參數(shù)會(huì)編碼為 name=xx&age=1 提交到后端,后端作為表單數(shù)據(jù)處理
后端接受請(qǐng)求表單數(shù)據(jù):
name = request.POST.get('name', '')
age = int(request.POST.get('age', '0'))
方式二:
前端通過(guò)POST提交JSON數(shù)據(jù)
# POST一個(gè)json數(shù)據(jù)
var data = {
“name”: "test",
"age", 1
}
$.ajax({
type: 'POST',
url: /your/url/,
data: JSON.stringify(data), # json對(duì)象轉(zhuǎn)化為字符串
#request Header注明content-type:'application/json; charset=UTF-8'
contentType: 'application/json; charset=UTF-8',
dataType: 'json', # 注意：期望服務(wù)端返回json格式的數(shù)據(jù)
success: function(data) { # 這里的data就是json格式的數(shù)據(jù)
},
error: function(xhr, type) {
}
});
注: 如果要給后端傳遞json數(shù)據(jù),就需要增加content-type參數(shù)，告訴后端，傳遞過(guò)來(lái)的數(shù)據(jù)格式，并
且需要將data轉(zhuǎn)為字符串進(jìn)行傳遞。實(shí)際上，服務(wù)端接收到后，發(fā)現(xiàn)是json格式，做的操作就是將字符串轉(zhuǎn)為json對(duì)象。
另外，不轉(zhuǎn)為字符串，即使加了content-type的參數(shù)，也默認(rèn)會(huì)轉(zhuǎn)成name=xx&age=1，使后端無(wú)法獲取正確的json。
后端接受數(shù)據(jù):
data = request.get_json()
另外，如果前端提交的數(shù)據(jù)格式不能被識(shí)別，可以用request.get_data()接收數(shù)據(jù)。
3 request.META組成
request.META是python中一個(gè)字典,包含了本次所有HTTP請(qǐng)求的Header信息,比如ip，瀏覽器 Agent。注意Header信息的完整列表取決于用戶(hù)所發(fā)送的Header信息與服務(wù)端設(shè)置的header信息，常見(jiàn)的鍵值對(duì)有: (1) HTTP_USER_AGENT，用戶(hù)瀏覽器的user-agent字符串,例如： "Mozilla/5.0 (X11; U; Linux i686; fr-FR; rv:1.8.1.17) Gecko/20080829 Firefox/2.0.0.17" . (2) REMOTE_ADDR客戶(hù)端ip，如"12.345.67.89" ，如果申請(qǐng)是經(jīng)過(guò)代理服務(wù)器的話(huà)，那么它可能是 以逗號(hào)分割的多個(gè)IP地址，如："12.345.67.89,23.456.78.90") request.META是python一個(gè)普通字典，當(dāng)鍵不存在時(shí)，訪(fǎng)問(wèn)會(huì)觸發(fā)一個(gè)KeyError異常。一般采用 try/execpt語(yǔ)句或者用python中g(shù)et()方法來(lái)處理，設(shè)置默認(rèn)返回，友好的響應(yīng)客戶(hù)端。
4 request.META調(diào)用設(shè)計(jì)
（1）要獲取用戶(hù)瀏覽器信息,寫(xiě)法通常可以：
def ua_display(request):
info = request.META.get('HTTP_USER_AGENT', 'unknown')
return HttpResponse("Your browser is %s" % info)
(2) 采用try/execpt語(yǔ)句防止阻塞程序
def ua_display_2(request):
try:
info = request.META['HTTP_USER_AGENT']
except KeyError:
info = 'unknown'
return HttpResponse("Your browser is %s" % info)
(3) 想要看META中具體有哪些數(shù)據(jù)，采用python字典獲取鍵值items方法
values = request.META.items()
info = []
for k,v in values:
info.append('<tr><td>%s</td><td>%s</td></tr>' % (k, v))
(4)
CONTENT_LENGTH 文本長(zhǎng)度
CONTENT_TYPE 數(shù)據(jù)類(lèi)型
HTTP_ACCEPT_ENCODING 編碼
HTTP_ACCEPT_LANGUAGE 語(yǔ)言
HTTP_REFERER 引用頁(yè),如果有的話(huà)
HTTP_USER_AGENT 客戶(hù)機(jī)用戶(hù)代理字符串
QUERY_STRING 查詢(xún)字符串,單一的未解析的字符串
REMOTE_ADDR 客戶(hù)機(jī)IP地址
REMOTE_HOST 客戶(hù)機(jī)hostname
REQUEST_METHOD 請(qǐng)求方式,比如 GET 或 POST
SERVER_NAME 服務(wù)器 hostname
SERVER_PORT 服務(wù)器端口
信息如下：
ALLUSERSPROFILE C:\ProgramData
COMMONPROGRAMFILES C:\Program Files\Common Files
COMSPEC C:\windows\system32\cmd.exe
CONFIGSETROOT C:\windows\ConfigSetRoot
CONTENT_LENGTH
CONTENT_TYPE text/plain
CSRF_COOKIE 8dLJLZyBH801ba24VdzYqJ81b5nqTxh0
DJANGO_SETTINGS_MODULE PythonProject.settings
FP_NO_HOST_CHECK NO
GATEWAY_INTERFACE CGI/1.1
HOMEDRIVE C:
HTTP_ACCEPT text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
HTTP_ACCEPT_ENCODING gzip,deflate,sdch
HTTP_ACCEPT_LANGUAGE zh-CN,zh;q=0.8
HTTP_CONNECTION keep-alive
HTTP_COOKIE csrftoken=8dLJLZyBH801ba24VdzYqJ81b5nqTxh0; sessionid=1rf6hmdw7k0zzsg8q3q1lw2j75gmoood
HTTP_HOST 127.0.0.1:8000
HTTP_USER_AGENT Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.95 Safari/537.36
NUMBER_OF_PROCESSORS 4
OS Windows_NT
PATH E:\Python;E:\Python\Scripts;C:\windows\system32;E:\Python
PATHEXT .COM;.EXE;.BAT;.CMD;.VBS;.VBE;.JS;.JSE;.WSF;.WSH;.MSC
PATH_INFO /display_meta/
PROCESSOR_ARCHITECTURE AMD64
PROCESSOR_IDENTIFIER Intel64 Family 6 Model 42 Stepping 7, GenuineIntel
PROCESSOR_LEVEL 6
PROCESSOR_REVISION 2a07
PROMPT $P$G
PSMODULEPATH C:\windows\system32\WindowsPowerShell\v1.0\Modules\
PUBLIC C:\Users\Public
QUERY_STRING
REMOTE_ADDR 127.0.0.1
REMOTE_HOST
REQUEST_METHOD GET
RUN_MAIN true
SERVER_PROTOCOL HTTP/1.1
SERVER_SOFTWARE WSGIServer/0.1 Python/2.7.5
SESSIONNAME Console
SHIM_MCCOMPAT 0x810000001
WINDOWS_TRACING_FLAGS 3
WINDOWS_TRACING_LOGFILE C:\BVTBin\Tests\installpackage\csilogfile.log
wsgi.errors ', mode 'w' at 0x00000000025C6150>
wsgi.file_wrapper wsgiref.util.FileWrapper
wsgi.input
wsgi.multiprocess False
wsgi.multithread True
wsgi.run_once False
wsgi.url_scheme http
wsgi.version (1, 0)
以上這篇Django之提交表單與前后端交互的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
Python特征降維知識(shí)點(diǎn)總結(jié)
在本篇文章里小編給大家整理了一篇關(guān)于Python特征降維知識(shí)點(diǎn)總結(jié)內(nèi)容，有需要的朋友們可以學(xué)習(xí)參考下。2021-08-08
使用Python一鍵提取PDF中的表格到Excel的方法詳解
從PDF文件獲取表格中的數(shù)據(jù),也是日常辦公容易涉及到的一項(xiàng)工作,一個(gè)一個(gè)復(fù)制吧,效率確實(shí)太低了,用Python從PDF文檔中提取表格數(shù)據(jù),并寫(xiě)入Excel文件,灰?；页８咝?本文就給大家介紹一下如何使用Python一鍵提取PDF中的表格到Excel,需要的朋友可以參考下2023-08-08
淺談python實(shí)現(xiàn)Google翻譯PDF,解決換行的問(wèn)題
今天小編就為大家分享一篇淺談python實(shí)現(xiàn)Google翻譯PDF,解決換行的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-11-11
python基于tkinter實(shí)現(xiàn)gif錄屏功能
一直在思索實(shí)現(xiàn)一個(gè)透明的窗體，然后可以基于這個(gè)窗體可以開(kāi)發(fā)出各種好玩的應(yīng)用，這一期，我們將實(shí)現(xiàn)有趣的GIF錄屏功能2021-05-05
解決Pytorch dataloader時(shí)報(bào)錯(cuò)每個(gè)tensor維度不一樣的問(wèn)題
這篇文章主要介紹了解決Pytorch dataloader時(shí)報(bào)錯(cuò)每個(gè)tensor維度不一樣的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-05-05
keras自定義損失函數(shù)并且模型加載的寫(xiě)法介紹
這篇文章主要介紹了keras自定義損失函數(shù)并且模型加載的寫(xiě)法介紹，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-06-06
這篇文章主要介紹了Python os模塊常用方法和屬性總結(jié),文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了python 生成任意形狀的凸包圖代碼，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-04-04
python實(shí)現(xiàn)最小二乘法線(xiàn)性擬合
這篇文章主要為大家詳細(xì)介紹了python實(shí)現(xiàn)最小二乘法線(xiàn)性擬合，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
淺談Keras的Sequential與PyTorch的Sequential的區(qū)別
這篇文章主要介紹了淺談Keras的Sequential與PyTorch的Sequential的區(qū)別，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-06-06