JS / Ajax将复选框选择传递给POST请求

时间:2017-11-14 22:06:07

标签: javascript ajax

有人建议我使用linting工具来帮助调试javascript / ajax。所以我已经使用JCJS软件包安装了Linter with Atom,并在下面的代码中给出了一个我正在努力寻找解决方案的错误。我已经评论了linter正在显示的错误。

$(document).ready(function () {
    var SelectedItems = [];
    $('.checkbox').click(function () {
        var SelectedItems = $(this).val();
        var index = SelectedItems.indexOf(SelectedItems);
        if (index == -1)
        {
          SelectedItems.push(SelectedItems);
        }        else {
          SelectedItems.splice(index, 1);
        }
      });

    $('#submit-button').click(function (event) {
        event.preventDefault();
        $.ajax({
            url: '/requestaccess/',
            data: JSON.stringify({ report_id: SelectedItems }),
            dataType: 'json',
            type: 'post',
            success: function (data) {
            }  //missing comma before closing curly brace
          });
      });
  });

如果我在第22行的花括号之前添加一个公共,它会给我一个意外的令牌错误。

我很难让我的代码在关键字段report_id上的Django Web应用程序中选中复选框选项。

我的代码的一小部分仅仅是HTML:

  <form action = "">
                <div class="row">
                <h3>All Applications</h3>

                        <ul>
                        {% for app in allgrouplist %}
                        <li><input type="checkbox" name="report_id" value ="{{app.report_id}}" >  {{ app.report_name_sc }}</li>
                        {% endfor %}
                        </ul>

                </div>
</form>

0 个答案:

没有答案