访问 django 模板中的小部件值

Question

我需要在 django 中进行 ajax 调用，具体取决于在两个日期字段上设置的值和一个选择下拉菜单。为此，我必须将这些值传递给 javascript 函数，该函数将在单击按钮时调用。我已将表单日期字段设置为日期类型并选择为选项字段。如何将这些的当前值传递给 javascript 函数？

form.html（模板）：

<div class="form-group">
    <label class="control-label">* Start Date:</label><br>
    {{ form.date1 }}
</div>
<div class="form-group">
    <label class="control-label">* End Date:</label><br>
    {{ form.date2 }}
</div><br><br>
<div class="form-group">
    Category: {{ form.category }}
</div>
<button type="button" class="btn btn-xs btn-warning"
onclick="javascript:check_availability({{ XXX }}, '{% url "find_available" %}');">
    Check Now
 </button>

Javascript：

function check_availability(date1, date2, category, url) {
    $.ajax({
        type: 'GET',
        url: url,
        data: {date1: date1, date2: date2, category: category},
        dataType: 'json',
        success: available_now,
        error: function() {
            alert('Unable to find available items')
        }
    });
}

fucntion available_now () {...}

在 form.py（视图）中

category = forms.ChoiceField(choices=(...))
date1 = forms.DateField(widget=forms.DateInput())
date2 = forms.DateField(widget=forms.DateInput())

对于上述函数调用，我如何传递小部件中设置的这三个值来代替 XXX？我需要专门获取下拉列表的选定值。

Answer 1

这绝不是关于 Django 的问题，而是关于 Javascript 的问题。由于您将 jQuery 用于 Ajax 函数，因此您应该使用它来获取字段的值。另请注意，您应该避免直接在 HTML 中设置 onclick 处理程序；你也应该在你的 jQuery 脚本中这样做。

<button type="button" id='find-available' class="btn btn-xs btn-warning" data-url='{% url "find_available" %}');">
    Check Now
 </button>

...

$('form').on('click', '#find-available', function() {
   $this = $(this);
   $.ajax({
        type: 'GET',
        url: $this.data('url'),
        data: $this.parent().serialize(),
        dataType: 'json',
        success: available_now,
        error: function() {
            alert('Unable to find available items')
        }
    });
});