Ajax İl İlçe Filter

Merhaba arkadaşlar, php kullanarak ajax il ilçe filtreleme yaptım verileri de düzgün çekiyorum ancak POST metodu ile listeleme yapıyorum front da ve il ilçeleri ajax ile hazır bir kod kullanarak yaptım ancak post ile değeri nasıl ve nereden göndericeğimi bilmiyorum yardım edebilecek arkadaşlar var mı? Kodlar;

Listelediğim alan;

<div class="form-group">
                            <label for="bolge">İl Seçiniz</label>
                            <select name="bolge" id="bolge" class="form-control form-font">
                                <option class="form-font" value="il">Seçiniz...</option>
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="il">İlçe Seçiniz</label>
                            <select name="il" id="il" class="form-control form-font" disabled="disabled">
                                <option class="form-font" value="ilce">Seçiniz...</option>
                            </select>
</div>

//illeri getiren fonksiyon
illeri ve ilçeleri listelettiğim fonksiyon;
public function getIlList($bolge){
$data=array();
$query = self::$db->prepare("SELECT DISTINCT il FROM ilveilceler WHERE bolge=:bolge");
$query->execute(array(":bolge"=>$bolge));
if($query->rowCount())
{
foreach ($query as $row)
{
$data[]=$row["il"];
}
}
echo json_encode($data);
}


//İlçeleri getiren fonksiyon
public function getIlceList($il){
$data=array();
$query = self::$db->prepare("SELECT DISTINCT ilce FROM ilveilceler WHERE il=:il");
$query->execute(array(":il"=>$il));
if($query->rowCount())
{
foreach ($query as $row)
{
$data[]=$row["ilce"];
}
}
echo json_encode($data);
}

son olarak footerda barındırdığım ajax kodları;

<script>
$(document).ready(function(){
ajaxFunc("bolge", "", "#bolge");

$("#bolge").on("change", function(){

$("#il").attr("disabled", false).html("<option class='form-font' value=''>Seçininiz..</option>");
console.log($(this).val());
ajaxFunc("il", $(this).val(), "#il");

});

$("#il").on("change", function(){

$("#ilce").attr("disabled", false).html("<option class='form-font' value=''>Seçininiz..</option>");
console.log($(this).val());
ajaxFunc("ilce", $(this).val(), "#ilce");

});

function ajaxFunc(action, name, id ){
$.ajax({
url: "il/ajax.php",
type: "POST",
data: {action:action, name:name},
success: function(sonuc){
$.each($.parseJSON(sonuc), function(index, value){
var row="";
row +='<option class="form-font" value="'+value+'">'+value+'</option>';
$(id).append(row);
});
}});
}
});
</script>