Jquery 数据中带有ajax和js变量的数据表不'；传播

我使用的是datatables，数据是用AJAX和自定义数据加载的 但是在自定义数据引用变量上，ajax被重新加载，而自定义数据值不变

 var range=1;  
var DataTable=$('#tableid_table').DataTable( {
    "lengthMenu": [[10,25,50,100, -1], [10,25,50,100, "All"]],
    "processing": true,
    "serverSide": true,
    "ajax":{ url:'phpqueryfile.php',type: 'POST',dataType: "json","data": {
        "range": select
    }}
} );

$('.range').click(function () {
    alert($(this).attr("value"));
    select=$(this).attr("value");
    DataTable.ajax.reload();

})

当调用range click并将range更改为任何其他值时，将使用range=1重新加载ajax

编辑：我设法在更改后发送数据

var select=1;
var DataTable=$('#mygradedcalls_table').DataTable( {

    "lengthMenu": [[10,25,50,100, -1], [10,25,50,100, "All"]],
    "processing": true,
    "serverSide": true,
    "ajax":{ url:'../Queries_PHP/grad/getAllMyGradedCalls.php',type: 'POST',dataType: "json",data:function (range) {
        Object.assign(range, select);
        return range;
    }
    }
} );

$('.range').click(function () {
    select=$(this).attr("value");
    DataTable.ajax.reload();
})

有两个问题 1.首次加载datatable时，不会发送自定义数据

---

2.发送自定义数据时，变量名为“0”，值为“选择值”，这是正确的，但如何更改变量名，我设法使其工作如下

var select=1;
var DataTable=$('#mygradedcalls_table').DataTable( {

    "lengthMenu": [[10,25,50,100, -1], [10,25,50,100, "All"]],
    "processing": true,
    "serverSide": true,
    "ajax":{ url:'../Queries_PHP/grad/getAllMyGradedCalls.php',type: 'POST',dataType: "json",data:function (d) {
        d.range = select;
    }
    }
} );

$('.range').click(function () {
    select=$(this).attr("value");
    DataTable.ajax.reload();
})