Django之提交表单与前后端交互的方法
Django之META与前后端交互
1提交表单之GET
前端提交数据与发送
1)提交表单数据
2)提交JSON数据
后端的数据接收与响应
1)接收GET请求数据
2)接收POST请求数据
3)响应请求
GET请求过程
前端通过ajax发起GET请求,json格式数据
vardata={
"name":"test",
"age":1
};
$.ajax({
type:'GET',
url:/your/url/,
data:data,#最终会被转化为查询字符串跟在url后面:/your/url/?name=test&age=1
dataType:'json',#注意:这里是指服务端返回json格式的数据
success:function(data){#这里的data就是json格式的数据
},
error:function(xhr,type){
}
});
后端接受GET请求数据
name=request.GET.get('name','')
age=int(request.GET.get('age','0'))
2提交表单之POST
方式一:
前端发送POST请求:
vardata={}
#如果页面并没有表单,只是input框,请求也只是发送这些值,那么可以直接获取放到data中
data['name']=$('#name').val()
#如果页面有表单,那么可以利用jquery的serialize()方法获取表单的全部数据
data=$('#form1').serialize();
$.ajax({
type:'POST',
url:/your/url/,
data:data,#requestHeader中默认是Content-Type:application/x-www-form-urlencoded
dataType:'json',#注意:期望服务器返回的数据类型
success:function(data){#这里的data就是json格式的数据
},
error:function(xhr,type){
}
});
注:ajax中没有指明content-type类型,请求头中默认是Content-Type:application/x-www-form-urlencoded,因此参数会编码为name=xx&age=1提交到后端,后端作为表单数据处理
后端接受请求表单数据:
name=request.POST.get('name','')
age=int(request.POST.get('age','0'))
方式二:
前端通过POST提交JSON数据
#POST一个json数据
vardata={
“name”:"test",
"age",1
}
$.ajax({
type:'POST',
url:/your/url/,
data:JSON.stringify(data),#json对象转化为字符串
#requestHeader注明content-type:'application/json;charset=UTF-8'
contentType:'application/json;charset=UTF-8',
dataType:'json',#注意:期望服务端返回json格式的数据
success:function(data){#这里的data就是json格式的数据
},
error:function(xhr,type){
}
});
注:如果要给后端传递json数据,就需要增加content-type参数,告诉后端,传递过来的数据格式,并
且需要将data转为字符串进行传递。实际上,服务端接收到后,发现是json格式,做的操作就是将字符串转为json对象。
另外,不转为字符串,即使加了content-type的参数,也默认会转成name=xx&age=1,使后端无法获取正确的json。
后端接受数据:
data=request.get_json()
另外,如果前端提交的数据格式不能被识别,可以用request.get_data()接收数据。
3request.META组成
request.META是python中一个字典,包含了本次所有HTTP请求的Header信息,比如ip,浏览器 Agent。注意Header信息的完整列表取决于用户所发送的Header信息与服务端设置的header信息,常见的键值对有: (1)HTTP_USER_AGENT,用户浏览器的user-agent字符串,例如:"Mozilla/5.0(X11;U;Linuxi686;fr-FR;rv:1.8.1.17)Gecko/20080829Firefox/2.0.0.17". (2)REMOTE_ADDR客户端ip,如"12.345.67.89",如果申请是经过代理服务器的话,那么它可能是 以逗号分割的多个IP地址,如:"12.345.67.89,23.456.78.90") request.META是python一个普通字典,当键不存在时,访问会触发一个KeyError异常。一般采用 try/execpt语句或者用python中get()方法来处理,设置默认返回,友好的响应客户端。
4request.META调用设计
(1)要获取用户浏览器信息,写法通常可以:
defua_display(request):
info=request.META.get('HTTP_USER_AGENT','unknown')
returnHttpResponse("Yourbrowseris%s"%info)
(2)采用try/execpt语句防止阻塞程序
defua_display_2(request):
try:
info=request.META['HTTP_USER_AGENT']
exceptKeyError:
info='unknown'
returnHttpResponse("Yourbrowseris%s"%info)
(3)想要看META中具体有哪些数据,采用python字典获取键值items方法
values=request.META.items()
info=[]
fork,vinvalues:
info.append('%s %s '%(k,v))
(4)
CONTENT_LENGTH文本长度
CONTENT_TYPE数据类型
HTTP_ACCEPT_ENCODING编码
HTTP_ACCEPT_LANGUAGE语言
HTTP_REFERER引用页,如果有的话
HTTP_USER_AGENT客户机用户代理字符串
QUERY_STRING查询字符串,单一的未解析的字符串
REMOTE_ADDR客户机IP地址
REMOTE_HOST客户机hostname
REQUEST_METHOD请求方式,比如GET或POST
SERVER_NAME服务器hostname
SERVER_PORT服务器端口
信息如下:
ALLUSERSPROFILEC:\ProgramData
COMMONPROGRAMFILESC:\ProgramFiles\CommonFiles
COMSPECC:\windows\system32\cmd.exe
CONFIGSETROOTC:\windows\ConfigSetRoot
CONTENT_LENGTH
CONTENT_TYPEtext/plain
CSRF_COOKIE8dLJLZyBH801ba24VdzYqJ81b5nqTxh0
DJANGO_SETTINGS_MODULEPythonProject.settings
FP_NO_HOST_CHECKNO
GATEWAY_INTERFACECGI/1.1
HOMEDRIVEC:
HTTP_ACCEPTtext/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
HTTP_ACCEPT_ENCODINGgzip,deflate,sdch
HTTP_ACCEPT_LANGUAGEzh-CN,zh;q=0.8
HTTP_CONNECTIONkeep-alive
HTTP_COOKIEcsrftoken=8dLJLZyBH801ba24VdzYqJ81b5nqTxh0;sessionid=1rf6hmdw7k0zzsg8q3q1lw2j75gmoood
HTTP_HOST127.0.0.1:8000
HTTP_USER_AGENTMozilla/5.0(WindowsNT6.1;WOW64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/28.0.1500.95Safari/537.36
NUMBER_OF_PROCESSORS4
OSWindows_NT
PATHE:\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_ARCHITECTUREAMD64
PROCESSOR_IDENTIFIERIntel64Family6Model42Stepping7,GenuineIntel
PROCESSOR_LEVEL6
PROCESSOR_REVISION2a07
PROMPT$P$G
PSMODULEPATHC:\windows\system32\WindowsPowerShell\v1.0\Modules\
PUBLICC:\Users\Public
QUERY_STRING
REMOTE_ADDR127.0.0.1
REMOTE_HOST
REQUEST_METHODGET
RUN_MAINtrue
SERVER_PROTOCOLHTTP/1.1
SERVER_SOFTWAREWSGIServer/0.1Python/2.7.5
SESSIONNAMEConsole
SHIM_MCCOMPAT0x810000001
WINDOWS_TRACING_FLAGS3
WINDOWS_TRACING_LOGFILEC:\BVTBin\Tests\installpackage\csilogfile.log
wsgi.errors',mode'w'at0x00000000025C6150>
wsgi.file_wrapperwsgiref.util.FileWrapper
wsgi.input
wsgi.multiprocessFalse
wsgi.multithreadTrue
wsgi.run_onceFalse
wsgi.url_schemehttp
wsgi.version(1,0)
以上这篇Django之提交表单与前后端交互的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。