码迷,mamicode.com
首页 > 其他好文 > 详细

111-使用post的方式传值(最简示例)

时间:2019-08-25 14:09:13      阅读:69      评论:0      收藏:0      [点我收藏+]

标签:基本   end   忽略   学习   res   标签   方法   ref   模板   

从简到繁,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、提交后页面

技术图片

 

111-使用post的方式传值(最简示例)

标签:基本   end   忽略   学习   res   标签   方法   ref   模板   

原文地址:https://www.cnblogs.com/lzhshn/p/11407622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!