目录

Django-2021年最新版教程6前端传递数据到后端处理-POST方法

【Django 2021年最新版教程6】前端传递数据到后端处理 POST方法

1. 前端add.html

https://i-blog.csdnimg.cn/blog_migrate/0f1315013b40da135d71c388d7f59ff5.png

<!DOCTYPE html>
<html>
<body>
<p>请输入两个数字</p>
<form action="/doadd" method="post">
    {%csrf_token%}
    a: <input type="text" name="a"> <br>
    b: <input type="text" name="b"> <br>
    <input type="submit" value="提交">
</form>
</body>
</html>

一定要在html页面的form标签下加上

{%csrf_token%}

否则会报下面的错

https://i-blog.csdnimg.cn/blog_migrate/c2ea4d5a41945ec124bc69d64f9d78a5.png

2.后端views.py

https://i-blog.csdnimg.cn/blog_migrate/e0d37d29b21a8d27274ec613d16f88b0.png

from django.http import HttpResponse
from django.shortcuts import render

# Create your views here.
def index(request):
    return render(request, './userWeb/index.html')

# 加法页面
def add(request):
    return render(request, './userWeb/add.html')

# 执行加法
def doadd(request):
    a = request.POST['a']
    b = request.POST['b']
    a = int(a)
    b = int(b)
    result = a + b
    return HttpResponse(str(result))

3. 将页面路径添加到urls.py

    path("add", add),
    path("doadd", doadd),

https://i-blog.csdnimg.cn/blog_migrate/214138b1cc458b115dc7a7623432fc9b.png

4. 效果

https://i-blog.csdnimg.cn/blog_migrate/714459b3ebef04a5dc65ac1301538eef.png

https://i-blog.csdnimg.cn/blog_migrate/8a348dadbe902e809ff081fcc22b24eb.png