Как использовать async / await в ajax

Question

Я создаю проект управления студентами, но у меня возникла проблема с ajax async.

Я хочу кодировать .append завершено, после кода запуска .attr

Что мне делатьделать?

for (var i = 0; i < list.length;i++) {
    $("#Iframe").append($('<iframe id=iframeStudent-' + i + ' src="#" style="width:0;height:0"></iframe>'));
    $('#iframeStudent-' + i).attr('src', '/Reports/ReportStudent.aspx?Key=' + $("#Key").val() + '&id=' + list[i].toString() );
    $("#iframeStudent-" + i).on("load", function (e) {
        count++;
        if (count == list.length) {
            $.unblockUI();
        }
    });
}