目录
摘要
本章讲述了form表单的action参数，以及前后端简单传递数据的方式:form表单中的method参数，input标签中的name参数，GET/POST请求，以及后端接收数据的方式:request.method方法
form表单
form表单的action参数
# 控制数据提交的地址
'''
1. action=''，默认向当前地址发送数据
2. action='https://www.baidu.com/' 完整地址，向所写地址发送数据
3. action='/index/' 路由地址，向当前服务端的index地址提交数据
127.0.0.1/index/
'''
form表单的method参数
# 控制数据提交的方法
'''
get 默认，向别人请求数据(可以携带一些要求,如一些筛选条件)
携带数据方式：
URL?aaa=bbb&xxx=ccc 使用?符号携带，使用&符号隔开多个条件
限制：
1. 携带的数据的大小有限制，HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。
对于服务器：
Apache (Server)：最大url长度为8,192个字符。
Microsoft Internet Information Server(IIS)：最大url的长度为16,384个字符。
对于浏览器：
Microsoft Internet Explorer (Browser)：URL的最大限制为2,083个字符，超过限制提交按钮将失效。
Firefox (Browser)：URL的长度限制为65,536个字符
Safari (Browser)：URL最大长度限制为 80,000个字符。
Opera (Browser)：URL最大长度限制为190,000个字符。
Google (chrome)：URL最大长度限制为8,182个字符。
2. 携带的数据因为是明文，所以不能有敏感数据
post 向别人提交数据
携带数据的方式: 请求体
请求体携带的数据安全性较高，并且大小没有限制
'''
request.method方法
简介
request.method 获取请求方式，结果是纯大写的字符串数据
GET\POST
request.POST 获取请求体中携带的数据
request.POST.get() 获取列表最后一个数据值
request.POST.getlist() 获取整个列表数据，以列表形式返回
request.GET 获取请求中url中问号后面携带的数据，无论GET\POST都会传递数据
request.GET.get() 获取列表最后一个数据值
request.GET.getlist() 获取整个列表数据，以列表形式返回
get请求传递数据
# input标签添加name属性值
<div class="container">
<div class="row">
<h1 class="text-center">用户登录</h1>
<div class="col-md-6 col-md-offset-3">
<form action="">
<p>username:
<input type="text" class="form-control" name="name">
</p>
<p>password:
<input type="password" class="form-control" name="pwd">
</p>
<input type="submit" class="btn btn-block btn-success">
</form>
</div>
</div>
</div>
# 在浏览器username处填写Tom，在password处填写123
# 此时提交表单后，浏览器的url会变为:http://127.0.0.1:8000/login/?name=Tom&pwd=123
post请求传递数据
<div class="container">
<div class="row">
<h1 class="text-center">用户登录</h1>
<div class="col-md-6 col-md-offset-3">
<form action="" method="post"> # 修改method传递方式
{% csrf_token %}
<p>username:
<input type="text" class="form-control" name="name">
</p>
<p>password:
<input type="password" class="form-control" name="pwd">
</p>
<input type="submit" class="btn btn-block btn-success">
</form>
</div>
</div>
</div>
现在的问题是，后端如何知道用户发送的是get请求还是post请求？方法如下：
def login_func(request):
# 如果问号后面携带数据，可使用request.GET获取，例如url为:http://127.0.0.1:8000/login/?name=jack
print(request.GET) # 返回: <QueryDict: {'name': ['jack']}>
if request.method == 'GET':
return render(request, 'login.html')
elif request.method == 'POST':
print(request.POST) # 返回 <QueryDict: {'name': ['jack'], 'pwd': ['123']}>
name = request.POST.get('name') # 返回jack
pwd = request.POST.get('pwd') # 返回123
print(name, pwd)
print(request.POST.getlist('name')) # 返回['Jack', 'Rose', 'Maria']
return HttpResponse('The post get the data')
# 如果要返回多个数据，需要一次性接收(checkbox这种)，可以使用下面的方法：
print(request.POST.getlist('name')) # 返回['Jack', 'Rose', 'Maria']
GET/POST实际应用，简单登录方式实现
# 前端页面使用上面的html代码，在此不再重复
# 后端代码如下
def login_func(request):
if request.method == 'POST':
name = request.POST.get('name')
pwd = request.POST.get('pwd')
# 注意，此种方法收到的前端数据都是字符串
if name == 'jack' and pwd == '123':
return HttpResponse('用户登录成功')
return HttpResponse('用户名或密码错误')
return render(request, 'login.html')