如何通过jQueryAjax发送多组相互关联的数据属性？

我有以下HTML：

<div data-id="2" data-width="100" class="column_heading column_name">Name</div>
<div data-id="4" data-width="90" class="column_heading column_name">Country</div>
<div data-id="6" data-width="110" class="column_heading column_name">Email</div>
<div data-id="7" data-width="100" class="column_heading column_name">Name</div>
<div data-id="8" data-width="120" class="column_heading column_name">Phone</div>

在jQuery中

$.ajax({
    url: "ajax/get-data-attr.php",
    cache: false,
    data: "columns="+columns,
    type: "POST",
    success: function(response){
        $("#response").html(response);
    }
});

---

但如何发送第二个数据属性。如何关联每个div的这两组数据属性并将其发送到服务器端？

可以尝试使用对象数组

columns = array();
    $('.column_heading').each(function(){
        column = $(this).attr('data-id');
        column = {id: $(this).attr('data-id'), width: $(this).attr('data-width') };
        columns.push(column);
    })

然后可以通过以下方式提取值： 列[0]。id

---

您可以用javascript构建json对象，并通过ajax发布它。看到这个了吗

columns = array();
    $('.column_heading').each(function(){
        column = $(this).attr('data-id');
        column = {id: $(this).attr('data-id'), width: $(this).attr('data-width') };
        columns.push(column);
    })