提交 json 格式給對方

html 代碼可能長得下面這樣：

<!-- 選項(xiàng)列表 -->
<div class='header'>選項(xiàng)</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');
// 待提交的數(shù)據(jù)
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);
    }
}

// 這個就是要發(fā)送的數(shù)據(jù)了
postData = JSON.stringify(postData);

postData 格式如下：

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

如下所示

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),
});