• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

Django之提交表单与前后端交互的方法

python 搞代码 4年前 (2022-01-07) 44次浏览 已收录 0个评论

今天小编就为大家分享一篇Django之提交表单与前后端交互的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

Django之META与前后端交互

1 提交表单之GET

 前端提交数据与发送 1)提交表单数据 2)提交JSON数据 后端的数据接收与响应 1)接收GET请求数据 2)接收POST请求数据 3)响应请求 GET 请求过程 前端通过ajax发起GET请求,json格式数据 var data = { "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请求: var data = {} # 如果页面并没有表单,只是input框,请求也只是发送这些值,那么可以直接获取放到data中 data['name'] = $('#name').val() # 如果页面有表单,那么可以利用jquery的serialize()方法获取表单的全部数据 data = $('#form1').serialize(); $.ajax({ type: 'POST', url: /your/url/, data: data, #request Header中默认是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数据 var data = { “name”: "test", "age", 1 } $.ajax({ type: 'POST', url: /your/url/, data: JSON.stringify(data), # json对象转化为字符串 #request Header注明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()接收数据。 

3 request.META组成

 request.META是python中一个字典,包含了本次所有HTTP请求的Header信息,比如ip,浏览器 Agent。注意Header信息的完整列表取决于用户所发送的Header信息与服务端设置的header信息,常见的键值对有: (1) HTTP_USER_AGENT,用户浏览器的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客户端ip,如"12.345.67.89" ,如果申请是经过代理服务器的话,那么它可能是 以逗号分割的多个IP地址,如:"12.345.67.89,23.456.78.90") request.META是python一个普通字典,当键不存在时,访问会触发一个KeyError异常。一般采用 try/execpt语句或者用python中get()方法来处理,设置默认返回,友好的响应客户端。

4 request.META调用设计

 (1)要获取用户浏览器信息,写法通常可以: def ua_display(request): info = request.META.get('HTTP_USER_AGENT', 'unknown') return HttpResponse("Your browser is %s" % info) (2) 采用try/execpt语句防止阻塞程序 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中具体有哪些数据,采用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  文本长度 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 服务器端口 信息如下: ALLU<b style="color:transparent">来源gao@!dai!ma.com搞$$代^@码!网</b>SERSPROFILE 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之提交表单与前后端交互的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持gaodaima搞代码网

以上就是Django之提交表单与前后端交互的方法的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Django之提交表单与前后端交互的方法

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址