引导标签输入发送带有空格的 POST答案

【问题标题】：Bootstrap tag-inputs sending POST with spaces引导标签输入发送带有空格的 POST
【发布时间】：2016-03-13 21:30:48
【问题描述】：

我正在使用 JQuery 和 Bootstrap 在我没有开发的系统中工作。

我有这个标签输入：

<div id="roles" class="tab-pane"><!-- ROLES -->

            <input id="roles_tag" type="text" value="{{ roles }}" data-role="tagsinput" placeholder="Add role" />

使用这个javascript：

$("#roles_tag").change(function(){
                roles = ($(this).tagsinput('items'));
                $.ajax({
                    type: 'POST',
                    dataType: 'json',
                    url: "{% url manage_roles %}",
                    data: {
                        csrfmiddlewaretoken: "{{ csrf_token }}",
                        'roles_list': roles
                    },
                    cache: false,
                    async: true,
                });
            });

但出于某种原因，我有时不知道在某些标签的开头带有空格的发送 POSTS。

image 1

image 2

是什么原因造成的？抱歉有任何问题，这是我在这里的第一篇文章。提前致谢。

【问题讨论】：

标签： javascript jquery django twitter-bootstrap twitter-bootstrap-3

【解决方案1】：

如果您尝试使用表单控件获取数据

<div id="roledata" class="form-group">
    <label for="last_name" class="col-lg-3 control-label">Roles</label>
    <div class="col-lg-8">
        <input type="text" class="form-control" id="roles" placeholder="add role">
    </div>
</div>

var roled = {}

$.each($('#roledata').find('.form-control'), function(){
    var field = this.id,
        value = $(this).val()
        data[field] = value
})

data={
    csrfmiddlewaretoken: "{{ csrf_token }}",
    'role' : roled
}

$.ajax({
    type: "POST",
    url: "",
    data: JSON.stringify(data),
    contentType: "application/json",
    dataType: "json",

})

【讨论】：