提交 json 格式給對方

Question

{
    "list": [
        {
            "attribute-id": "f11",
            "name": "love",
            "type": "me"
        },
        {
            "attribute-id": "f12",
            "name": "member",
            "type": "her"
        },
        {
            "attribute-id": "f13",
            "name": "user",
            "type": "her"
        },
        {
            "attribute-id": "f14",
            "name": "like",
            "type": "me"
        }
    ]
}

假設是多選項的checkbox
選項假設有20個
我要POST提交給對方是這樣的格式
那我這邊要怎麼寫才對啊？我想半天！
而以上這四個是我從20中選出來的結果！

Answer 1

如下所示

const  selectList = {
    "list": [
        {
            "attribute-id": "f11",
            "name": "love",
            "type": "me"
        },
        {
            "attribute-id": "f12",
            "name": "member",
            "type": "her"
        },
        {
            "attribute-id": "f13",
            "name": "user",
            "type": "her"
        },
        {
            "attribute-id": "f14",
            "name": "like",
            "type": "me"
        }
    ]
}
$.ajax({
    url: 'xxx-url',
    type: "post",
    contentType: "application/json; charset=utf-8",
    dataType: 'json',
    data:JSON.stringify(selectList),
});

Answer 2

html 代码可能长得下面这样：

<!-- 选项列表 -->
<div class='header'>选项</div>
<div class='cbox-list'>
<label>
    <input type='checkbox' class='cbox-input' data-id='f12' data-type='member' data-name='her' />her
</label>

<label>
    <input type='checkbox' class='cbox-input' data-id='f11' data-type='love' data-name='me' />me
</label>
</div>

JavaScript 代码可能长得下面这种：

var cBoxInputSet = document.querySelectorAll('.cbox-list .cbox-input');
// 待提交的数据
var postData = {
    list: []
};
var cur = null;
var single = null;
for (var i = 0; i < cBoxInputSet.length; ++i)
{
    cur = cBoxInputSet[i];
    
    if (cur.checked) {
        single = {
            "attribute-id": cur.getAttribute('data-id') , 
            type: cur.getAttribute('data-type') , 
            name: cur.getAttribute('data-name')
        };
        
        postData['list'].push(single);
    }
}

// 这个就是要发送的数据了
postData = JSON.stringify(postData);

postData 格式如下：

{
    "list": [
        {
            "attribute-id": "f11" , 
            "name": "me" , 
            "type": "love"
        } , 
        ....
    ]
}