重庆分公司
重庆分公司，新征程启航
为企业提供网站建设、域名注册、服务器等服务
Django如何实现提交表单与前后端交互-创新互联
这篇文章主要为大家展示了“Django如何实现提交表单与前后端交互”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“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('%s %s 以上是“Django如何实现提交表单与前后端交互”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！
网页标题：Django如何实现提交表单与前后端交互-创新互联
URL标题：http://cqcxhl.com/article/eched.html