111-使用post的方式传值(最简示例)
2019-08-25 13:04 lzhshn 阅读(1365) 评论(0) 编辑 收藏 举报从简到繁,post传值有几种呈现方式,这里使用最简单的方式,并附带其他几个知识点。
1、首先来编写模板页面:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Simple Post</title> </head> <body> <p>求幂运算:</p> <form action="" method="post"> {% csrf_token %} <p>底数:<input type="text" name="base" /></p> <p>指数:<input type="text" name="index" /></p> <input type="submit" value="提交"> </form> </body> </html>
这里有额外4个html知识点:
(1)action可以留空,表示将内容返回到当前页面(会覆盖到原来的内容),action的配置要和views函数的处理方式结合起来
(2)input type类型,参考w3school:https://www.w3school.com.cn/tags/att_input_type.asp
关于输入的内容,都只有text文本这一种类型,如果要进行计算,必须转成int或float等类型
(3)在后面的例子中,html的写法都会遵循XHTML的规范,即:所有标签都要被关闭,<input>应该写为:<input />
(4)XHTML规范
- XHTML 元素必须被正确地嵌套。
- XHTML 元素必须被关闭。
- 标签名必须用小写字母。
- XHTML 文档必须拥有根元素<html></html>。
2、views函数如何处理post提交
views函数总是要先显示表格,然后再处理表格的提交动作,这是最基本要点。代码结构如下:
两个要点:
(1)大写的POST通常表示为结果或方法,而小写的post通常作为一个参数
(2)很多教程会忽略else,但是对新人学习而言,用if-else的方式可能更清晰易懂
def simple_post(request): if request.method == 'POST': pass else: pass
这段代码表示为:
如果收到post提交,将处理“提交”后的事情;
如果没有收到post提交,很显然是直接显示这个页面,因为只有呈现出页面,用户才能执行提交动作。
将代码补全如下:
# 简单的post传值
def simple_post(request):
if request.method == 'POST':
base = request.POST.get('base')
index = request.POST.get('index')
return HttpResponse('获得的底数为%s,指数为%s,求幂为:%d' % (base, index, int(base)**int(index)))
else:
return render(request, 'simple_post.html')
3、初始页面
4、提交后页面