Django模版html-前端提交数据给后端

最新推荐文章于 2025-03-21 23:06:09 发布

Lily走起

最新推荐文章于 2025-03-21 23:06:09 发布

阅读量972

点赞数

分类专栏： Django

本文链接：https://blog.youkuaiyun.com/holly_08/article/details/117254919

版权

Django 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了前端向后端提交数据的两种主要方式——Form表单提交和Ajax异步提交，无论哪种方式，服务器端的处理逻辑保持一致。示例代码展示了一个用于添加博客的HTML表单，包括标题、描述、标签、内容和分类等字段。同时，针对CSRF问题提供了两种解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 前端提交给后端数据的两种方式：

（1）Form表单提交
（2）Ajax提交
【备注：不管什么提交方式，服务器端处理都是一样的。参考https://blog.youkuaiyun.com/holly_08/article/details/117225210】

2. 前端提交给后端数据：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加博客</title>
</head>
<body>

<form action="/add_article" method="post">
    {% csrf_token %}
    title:<input name="title">
    <br>
    desc:<input name="desc">
    <br>
    tag:<input name="tag">
    <br>
    content:<input name="content">
    <br>
    category: <select name="category">
                  {% for i in categories %}
                      <option value="{{ i.id }}">{{ i.name }}</option>>
                  {% endfor %}
                </select>
    <br>

    <button type="submit">提交 </button>

</form>

</body>
</html>

备注：
post重复提交csrf的问题：
   解决1： 将settings中 MIDDLEWARE 中的csrf部分注释掉
   解决2： 将{% csrf_token %} 放到 html提交表单部分