如何将 Javascript 变量从我的 html 模板页面传递到 Django 视图函数？

Question

我正在开发 Django 环境。 我在我的 html 页面中创建了一个表单，其中包含一个用于输入标签的文本框，例如 "Enter your name" 。 我在文本框下方有一个提交按钮。 我需要将输入的名称作为值传递给按钮，然后将此按钮值传递给views.py 中的python 函数。

谁能帮我解决这个问题？

Answer 1

为此，您需要使用 Ajax，这就像在后台调用 url 而不会影响用户。但首先要调用一个 url(view) 我们需要一个 url 和一个视图。所以我会认为你有这样的东西

url('^click/btn/(?P<data>[0-9]+)', views.click_btn, name="btn_click");

还有风景

def click_btn(request, data):
    # do whatever you want with the data....
    return HttpResponse('Done')

现在要从前端调用它，我们将使用jQuery.ajax

首先你有按钮

<button id="btn_click">Click me!</button>

现在创建一个脚本标签并输入以下内容

脚本标签必须在按钮之后，这样他才能看到

<!-- if you haven't included jQuery -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
// get your input value...
var data = $('#my_input').val();
$.ajax({
    url: `/click/btn/${data}`,
    success: function (res) {
    // every code in this function will execute when Ajax call the url
    alert(`Nice! you called the url and get this data: ${res}`)
    }
});
</script>