BEST way for ajax in jquery

  $('#type').change(async function () {

            let type = {

                'type': $(this).val()

            }

            let route = '<?=$this->Url->build(('/administer/TransactionHeads/transactionHeadLists'), true)?>';

            let transactionHeads = await ajaxCall(route, type, 'GET');

            $("#transactionHeadTable").html(transactionHeads);

        })


    async function ajaxCall(route, data, type) {

        try {

            return await $.ajax({

                url: route,

                method: type,

                data: data,

            });



        } catch (error) {

            const {status, message} = JSON.parse(error.responseText);



            return {

                status,

                message

            }

        }

    }