function getValue() {
    return new Promise((resolve, reject) => {
        $.ajax({
            type: "GET",
            url: "https://ceclnx01.cec.miamioh.edu/~campbest/cse451/exam1.php",
            dataType: "json",
            success: function (data) {
                resolve(data);
            }, error: function (data) {
                reject(" can't get Keys");
            }
        });
    });
}

window.onload = function(){
    let dataArea = $("#dataPlace");
    getValue().then(function onFulfilled(value) {
        dataArea.html(
            "<tr>"+
                "<td>"+value.status+"</td>"+
                "<td>"+value.msg+"</td>"+
                "<td>"+value.a+"</td>"+
            "</tr>"+

            "<tr class=\"table-active\">"+
            "<td colspan=\"3\">who</td>"+
            "</tr>"+

            "<tr>"+
                "<td>num</td>"+
                "<td colspan=\"2\">data</td>"+
            "</tr>"
        );
        for (var temp_v in value.who) {
            dataArea.append(
                "<tr>"+
                "<td>"+(Number(temp_v)+1)+"</td>"+
                "<td colspan=\"2\">"+value.who[temp_v]+"</td>"+
                "</tr>"
            );
        }
    }).catch(function onRejected(error) {
        dataArea.append(error);
    });

}