1. 前端add.html

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

<!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%}

否则会报下面的错

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

2.后端views.py

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

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),

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

4. 效果

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

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