如何發送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腳本應該處理剩下的事情。