如何发送HTML阵列trought AJAX

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（带有实际值）。

我该怎么办？

编辑

尝试：

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

但款式[]不发...

EDIT 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 

最后是一个真正的/ comprensive HTML阵列.. 。

Answer 1

当你finnaly有你的字符串提交style%5B%5D=Style1&style%5B%5D=Style3&style%5B%5D=Style4你可以获取全面的阵列那样：

parse_str($_POST['style'], $data); 

的的$data变量包含：

array(
    "style" => array(
     0 => "Style1", 
     1 => "Style3", 
     2 => "Style4", 
    ) 
) 

它是否解决问题了吗？

Answer 2

怎么样：

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

编辑：其实序列化功能仅适用于形式（因此序列化表单域）。所以你必须把你的领域包装在一个表格中。见下图。

Answer 3

首先，你的回调似乎并不一致：

function(data) { 
    $("#browseList").html(msg); 
} 

你可能想说：

function(data) { 
    $("#browseList").html(data); 
} 

也有你检查萤火虫或您的探险家的JavaScript debuger，看是否有任何错误。你也可以向我们展示实际提供的数据。 Finnaly呼叫的结果是什么：

$(':checkbox').serialize() 

Answer 4

是的，这应该工作。

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

最后我强烈建议你inclue所有发布数据的形式，这样就可以简单地做：

$.post('my-url', $('form').serialize(), function(data){ 
    $("#browseList").html(data); 
}); 

它是清洁，简单，易于维护。之后，你的PHP脚本应该处理剩下的事情。