首先配置URL路由，将前端请求映射到视图；接着在views.py中编写视图函数处理POST请求并返回JSON响应；然后通过Ajax发送携带CSRF令牌的异步请求；同时在HTML模板中添加{% csrf_token %}并设置请求头；最后正确配置静态文件与模板路径，实现前后端交互。
如果您在开发一个基于HTML5的前端页面，并希望通过Django框架处理用户请求与Python后端进行数据交互，可以通过定义视图函数或类视图来接收和响应HTTP请求。以下是实现该交互的具体方法：
一、配置URL路由
在Django中，URL路由负责将用户的请求路径映射到对应的视图函数或类。需要确保前端发送的请求地址与urls.py中的路径匹配。
1、在应用目录下创建或编辑urls.py文件，使用path()函数绑定URL与视图。
2、导入对应的视图模块，并添加一条路由规则，例如将/submit/指向处理函数。
立即学习“Python免费学习笔记（深入）”；
3、在项目的主urls.py中包含应用的路由配置，确保路径可被访问。
二、编写Django视图函数
视图是处理HTTP请求的核心逻辑单元，可以接收前端传来的数据并返回响应内容，如JSON数据或渲染后的HTML页面。
1、在views.py中定义一个函数，参数为request对象，用于获取请求类型和数据。
2、判断请求方法是否为POST，以区分数据提交与页面加载。
3、通过request.POST.get('field_name')获取HTML表单中的字段值，注意字段名需与前端input标签的name属性一致。
4、处理业务逻辑，如保存至数据库或调用其他Python函数。
5、使用return JsonResponse({'status': 'success'})返回JSON响应，供前端异步解析。
三、使用Ajax发送异步请求
Ajax允许HTML5页面在不刷新的情况下与Django后端通信，提升用户体验，适用于表单提交、动态加载等场景。
1、在HTML文件中引入jQuery库或使用原生JavaScript编写Ajax代码。
2、监听某个事件（如按钮点击），触发$.ajax()请求。
3、设置请求类型为POST，URL为目标接口路径，必须包含CSRF令牌以通过Django的安全验证。
4、在请求数据中加入键值对，如{'name': 'John', 'age': 30}。
5、在success回调中处理返回结果，更新页面DOM元素显示反馈信息。
四、处理CSRF跨站请求伪造防护
Django默认启用CSRF保护机制，所有POST请求必须携带有效的CSRF令牌，否则会返回403错误。
1、在HTML模板的<head>区域添加{% csrf_token %}标签，生成隐藏输入字段。
2、使用JavaScript从Cookie中读取名为csrftoken的值，常用方式是定义辅助函数getCookie(name)。
3、在发送Ajax请求前，将获取到的token值设置为请求头X-CSRFToken的值。
4、确保settings.py中的MIDDLEWARE包含'django.middleware.csrf.CsrfViewMiddleware'。
五、静态文件与模板的集成
HTML5文件作为前端资源需要放置在Django管理的静态目录或模板目录中，以便正确加载和渲染。
1、将HTML文件放入应用下的templates文件夹，并在settings.py中配置TEMPLATES的路径。
2、CSS、JavaScript、图片等资源放入static目录，并通过{% static 'js/script.js' %}引用。
3、在视图中使用render(request, 'index.html')返回完整的HTML页面。
4、确保DEBUG=True时STATIC_URL和STATICFILES_DIRS配置正确，生产环境需部署静态文件服务器。
