Django项目中如何响应按钮点击事件？是否必须使用JavaScript？

首先明确两个核心疑问：

1. 这类按钮点击事件不是必须使用JavaScript处理，如果接受点击后页面刷新的交互，用原生HTML表单提交即可直接让Django后端响应，完全不需要写JS。你当前代码里按钮是type="button"，默认不会触发表单提交，改成type="submit"即可触发提交动作。
2. 完全可以直接用Django响应这类按钮点击，本质就是处理表单提交的POST请求，和你之前写的表单处理逻辑一致。

针对同一页面多表单区分的需求，两种最简单的实现方案如下： #

方案1：多路由分发（最推荐，无需额外判断） #

给每个表单配置不同的提交路径，每个路径对应独立的Django视图函数，天然隔离不同表单的处理逻辑，不会混淆。

示例代码 #

HTML部分：

<!-- CSV下载表单，提交到csv_download对应的路由 -->
<form method="post" action="{% url 'csv_download' %}">
    {% csrf_token %}
    <button type="submit">CSV Download!</button>
</form>

<!-- 项目信息提交表单，提交到create_project对应的路由 -->
<form method="post" action="{% url 'create_project' %}">
    {% csrf_token %}
    <input type="text" name="projectName">
    <input type="text" name="rootDomain">
    <input type="text" name="startURL">
    <button type="submit">提交项目信息</button>
</form>

urls.py路由配置：

from django.urls import path
from . import views

urlpatterns = [
    # 其他现有路由
    path('csv-download/', views.csv_download_view, name='csv_download'),
    path('create-project/', views.create_project_view, name='create_project'),
]

views.py中每个视图单独处理对应逻辑即可：

def csv_download_view(request):
    if request.method == "POST":
        # 写CSV下载的处理逻辑
        pass

def create_project_view(request):
    if request.method == "POST":
        projectName = request.POST["projectName"]
        rootDomain = request.POST["rootDomain"]
        startURL = request.POST["startURL"]
        # 写项目创建的处理逻辑
        pass

方案2：单路由+隐藏字段区分 #

如果希望所有表单都提交到同一个视图函数处理，可以给每个表单加一个隐藏字段标记操作类型，后端根据字段值判断执行对应逻辑。

示例代码 #

HTML部分：

<!-- CSV下载表单 -->
<form method="post" action="">
    {% csrf_token %}
    <input type="hidden" name="action" value="download_csv">
    <button type="submit">CSV Download!</button>
</form>

<!-- 项目信息提交表单 -->
<form method="post" action="">
    {% csrf_token %}
    <input type="hidden" name="action" value="create_project">
    <input type="text" name="projectName">
    <input type="text" name="rootDomain">
    <input type="text" name="startURL">
    <button type="submit">提交项目信息</button>
</form>

views.py处理逻辑：

def common_view(request):
    if request.method == "POST":
        action = request.POST.get("action")
        if action == "download_csv":
            # 执行CSV下载逻辑
            pass
        elif action == "create_project":
            projectName = request.POST["projectName"]
            rootDomain = request.POST["rootDomain"]
            startURL = request.POST["startURL"]
            # 执行项目创建逻辑
            pass

如果你需要点击按钮后不刷新页面实现下载，才需要用JS发送AJAX请求，否则以上两种纯后端方案完全可以满足需求。

内容的提问来源于stack exchange，提问作者Bene29