Dados com variáveis ​​ajax e js nos dados não se propagam - jquery, ajax, datatable

Estou usando tabelas de dados e os dados são carregados com AJAX com dados personalizados mas na variável de referência de dados customizada é alterada e o ajax é recarregado, o valor dos dados customizados não é alterado

 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();

})

quando o clique no intervalo é chamado e o intervalo é alterado para qualquer outro valor, o ajax é recarregado com range = 1

Edit: eu consegui enviar dados depois de alterar

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

existem duas questões 1 primeira vez que a tabela de dados é carregada, nenhum dado personalizado é enviado 2. quando dados personalizados são enviados, o nome da variável é "0" e o valor é o valor correto, mas como alterar o nome da variável

Respostas:

eu consegui fazê-lo funcionar da seguinte maneira

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