对 Python (Django) 中的“点击事件”做出反应答案

【问题标题】：React to "click event" in Python (Django)对 Python (Django) 中的“点击事件”做出反应
【发布时间】：2021-12-26 21:29:21
【问题描述】：

大家，事先 - 我是一个血腥但积极的开发初学者。

我目前正在尝试对我的 Django 项目的 HTML 代码中的简单事件（单击按钮）做出反应。可惜没有成功...

HTML：

<form>
    {% csrf_token %}
    <button id="CSVDownload" type="button">CSV Download!</button>
</form>

JavaScript：

    <script>
        document.addEventListener("DOMContentLoaded", () => {
            const CSVDownload = document.querySelector("#CSVDownload")
            CSVDownload.addEventListener("click", () => {
                console.dir("Test")
            })
        })
    </script>

我需要 JavaScript 吗？或者有没有办法在 python (Django) 中直接对此类事件做出反应？

非常感谢大家的支持。

因为我还不是真的“好” - 一个简单的解决方案会很棒:)

Python (Django)

    if request.method == "POST":
        projectName = request.POST["projectName"]
        rootDomain = request.POST["rootDomain"]
        startURL = request.POST["startURL"]
....

例如，通过这个，我设法对一种事件做出反应，即当用户发送表单时。然而，这里的问题是 - 如果我在一页上有多个表单，那么我无法区分应该执行哪个功能：/我不知所措

【问题讨论】：

标签： javascript python reactjs django

【解决方案1】：

这个世界帮助你 HTML

<form>
    {% csrf_token %}
    <button id="CSVDownload" type="button" onclick="download_csv()">CSV Download!</button>
</form>

Javascript

<script>
       function download_csv{
        document.addEventListener("DOMContentLoaded", () => {
        const CSVDownload = document.querySelector("#CSVDownload")
        CSVDownload.addEventListener("click", () => {
            console.dir("Test")
        })
    })

 }
    
</script>

编写函数时可能会出错，但这是您使用 on click 方法通过 javascript 对点击做出反应的方式

【讨论】：

好的，谢谢你的提示 :) 你能告诉我如何在 python 中接收“onclick”吗？提前谢谢你:)
你想用python后端解决点击

【解决方案2】：

我需要 JavaScript 吗？或者有没有办法在 python (Django) 中直接对此类事件做出反应？

我想说，目前 JavaScript 是您探索的最佳途径，因为虽然有多种方法可以让 python 在客户端（即在您的浏览器中）运行，但我不一定会推荐它们给初学者。或者更确切地说，将它们插入到 Django 项目中可能具有挑战性。

Skulpt

Brython

【讨论】：