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