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

【问题标题】：How can I post data to backend using Javascript如何使用 Javascript 将数据发布到后端
【发布时间】：2017-03-20 13:08:19
【问题描述】：

我对这一切都很陌生，想知道您是否可以帮助阐明这一点。我的 html 表单中有一个 datepicker 小部件和一个响应日期选择器更改的 javascript 代码。我想要的是当用户更改日期选择器小部件中的日期时，将更改发布到我的 Django 后端

html sn-p 是

<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>

而 javascript sn-p 是：

...
... 
$('#id_availableDate').change(
    function () {
        $("#availability_form").submit();
    }
);

这往往会奏效，我看到数据已发布，并且我的 Django 视图收到了一个帖子，但是当我检查内容时，我没有看到日期选择器发送的任何数据。我做错了什么？

提前致谢

【问题讨论】：

您只是错过了 html 输入中的 name 属性。 post 数组将有一个键是字段的名称，值将是您输入的值
Html form posting, no data passed on的可能重复
@LelioFaieta 和 James Thorpe 感谢你们的回答。是的，它现在正在工作。为你们俩点赞。非常感谢：D
@FrancisN 很高兴有帮助。那么请采纳答案。

标签： javascript html

【解决方案1】：

只需添加字段名称：

<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>

你可以得到$_POST['availableDate'];的值

【讨论】：