Ajax 요청 종료시 까지 동기화 처리

* $("#btn-search") 클릭을 하면 "console.log(orderList.rData);" 빈값이 출력된다.

두번째 클릭하면 값이 나오는데 한번만 클릭했을때 값이 나오도록 하려면 ?

 

class ClsDataTable {
    constructor () {
        this.rData = "";
}

async  ListItems(dataAttribute) {
        await $.ajax({
            url: "/hello",
            type: 'get',
            contentType: "application/json; charset=UTF-8",
            data: $("#sch-frm").serializeArray(),
            success: (data) => {
                this.rData = data;
            },
            error: function (request, status, error) {
                $('#lblResult').text("");
                $('#lblResult').html(request.status + "/" + request.responseText + "/" + error);
            }
        });
    }
}

const orderList = new ClsDataTable();

$("#btn-search").on("click", async () => {
  await orderList.ListItems("orderList");
  console.log(orderList.rData);
});