如何使用Javascript将数据发布到后端

如何使用Javascript将数据发布到后端,javascript,html,Javascript,Html,我对这一切都很陌生,不知道你能不能帮我解释一下。我有一个html格式的datepicker小部件和一个javascript代码,可以响应日期选择器中的更改。我想要的是当用户更改日期选择器小部件中的日期时,将更改发布到我的Django后端 html代码片段是 <form id="availability_form" method="POST" action=""> {% csrf_token %} <div class="col-sx-12 col-sm-6 co

我对这一切都很陌生,不知道你能不能帮我解释一下。我有一个html格式的datepicker小部件和一个javascript代码,可以响应日期选择器中的更改。我想要的是当用户更改日期选择器小部件中的日期时,将更改发布到我的Django后端

html代码片段是

<form id="availability_form" method="POST" action="">
    {% csrf_token %}
    <div class="col-sx-12 col-sm-6 col-md-6 col-lg-6">
        <div class="input-group date" data-provider="datepicker">
            <input class="form-control" id="id_availableDate">
            <div class="input-group-addon btn">
                 <span class="glyphicon glyphicon-calendar"></span>
            </div>          
        </div>
    </div>
</form>
这是可行的,我看到数据已发布,Django视图收到一个帖子,但当我检查内容时,我没有看到来自发送的日期选择器的任何数据。我做错了什么


提前感谢

只需添加字段名称:

<form id="availability_form" method="POST" action="">
    {% csrf_token %}
    <div class="col-sx-12 col-sm-6 col-md-6 col-lg-6">
        <div class="input-group date" data-provider="datepicker">
            <input class="form-control" id="id_availableDate" name="availableDate">
            <div class="input-group-addon btn">
                 <span class="glyphicon glyphicon-calendar"></span>
            </div>          
        </div>
    </div>
</form>

{%csrf_令牌%}

您可以通过
$\u POST['availableDate']获得该值

您只是在html的输入中遗漏了name属性。post数组将有一个键,该键是字段的名称,该值将是您输入的值@LelioFaieta和James Thorpe的可能重复项谢谢您的回答。是的,它正在工作。谢谢你们两位。非常感谢:D@FrancisN很高兴这有帮助。那么请接受答案。
<form id="availability_form" method="POST" action="">
    {% csrf_token %}
    <div class="col-sx-12 col-sm-6 col-md-6 col-lg-6">
        <div class="input-group date" data-provider="datepicker">
            <input class="form-control" id="id_availableDate" name="availableDate">
            <div class="input-group-addon btn">
                 <span class="glyphicon glyphicon-calendar"></span>
            </div>          
        </div>
    </div>
</form>