javascript - 如何通过 AJAX 发送 HTML 数组

Question

我有这些复选框:

<input type="checkbox" name="style[]" value="1" checked="checked" />
<input type="checkbox" name="style[]" value="2" />
<input type="checkbox" name="style[]" value="3" checked="checked" />
<input type="checkbox" name="style[]" value="4" checked="checked" />
<input type="checkbox" name="style[]" value="5" />

和这个 jquery 处理程序:

<script type="text/javascript">
    $(document).ready(function() {
        $('.linkStyle').click(function(e) {
            // 
        });                 
    });
</script>

因此，当我单击复选框时，我想通过 AJAX 将数组 style[] 发送到服务器(带有实际值)。

我该怎么做？

编辑

尝试过:

$.post("list/browse_ajax.php", {id:"browseUpdate", actualArtist:browseArtist, actualEvent:browseEvent, actualData:browseData, style:$('#browseTableStyle:checkbox').serialize()},
    function(data) {
        $("#browseList").html(data);
    }
);  

但是样式[]没有发送...

编辑 2 - 序列化问题

这是完整的代码:

<form id="browseForm">
    <div class="wideinfo">
        <div class="content">
            <div class="tableList1">
                Style
            </div>  

            <div class="tableList2">
                <span><input type="checkbox" name="style[]" value="Style1" checked="checked" /> Style1</span>
                <span><input type="checkbox" name="style[]" value="Style2" /> Style2</span>
                <span><input type="checkbox" name="style[]" value="Style3" checked="checked" /> Style3</span>
                <span><input type="checkbox" name="style[]" value="Style4" checked="checked" /> Style4</span>
                <span><input type="checkbox" name="style[]" value="Style2" /> Style5</span>
            </div>
        </div>
    </div>
</form>

但是有:

style:$('#browseForm').serialize()

它发送这个(在 Fiddler 上检查过)

style: style%5B%5D=Style1&style%5B%5D=Style3&style%5B%5D=Style4

不是:

style[]: Style1
style[]: Style3
style[]: Style4

最后是一个真正的/综合的 HTML 数组...

Answer 1

关于:

$.post('my-url', $(':checkbox').serialize(), function(data, textStatus, jqXHR){
    // my callback body
});

编辑: 实际上，序列化函数仅适用于表单(因此序列化表单字段)。所以你必须将你的字段包装在一个表单中。见下文。