jquery 不透过表单的方式搜集到其他数据，且输出 array 到后端？

Question

假设下面是一段循环

// <form> 沒有 form<? while ($row = ... { ?>
    <button class="btn-selector" data-id="<?=$row['prod_id'];?>">select this</button><? } ?>// </form>

假設有五個 prod
就會有五個按鈕

<button class="btn-selector" data-id="100">select this</button>
<button class="btn-selector" data-id="101">select this</button>
<button class="btn-selector" data-id="102">select this</button>
<button class="btn-selector" data-id="103">select this</button>
<button class="btn-selector" data-id="104">select this</button>

每个循环都有一个按钮，加上 data-id 的 prod_id
当这个 while 并不在一个 form 里面时，
我能透过什么方式知道他 selected 了哪些 prod_id ？
假设我按了 101, 102, 104 （没有 submit 情况下）
我如何能把这三个变成 array 丢到后端去？
selected 了谁，就一起把大家都丢到后端去
這有辦法實現嗎？

Answer 1

给button绑定点击事件,在元素中添加是否选中标识比如:$(btn).toggleClass('btn-selected');点击提交按钮时,获取button中包含类btn-selected的元素，遍历取出data-id放入数据ajax请求接口并设置content-type为application/json