通过休息和加载页面在Div中加载内容

Question

我正在使用rest获取一些数据，并使用要获取的内容填充两个div。其余的ajax调用在index.html上。

这些div填充了我来自rest调用的内容，它们位于page1.html上，我正在使用document.html加载它，并在页面末尾的index.html中准备好了。

我面临的问题有时是在index.html加载时填充了div，有时却没有填充。我必须刷新页面才能填充div。任何想法或帮助将不胜感激。可能是代码顺序，还是我必须在调用成功后加载内容？

    <!--check if ID is passed-->
    if ($.isNumeric(id)) {
        formPath = "forms/EditForm.html";
        getItemDetails(id);
    $("#form").load(formPath);
}


<!--make rest call-->
function getItemDetails(itemID) {
    console.log(itemID);
    var url = siteURL;
    $.ajax({
        url: url,
        type: "GET",
        async: true,
        headers: { "Accept": "application/json; odata=verbose" },
        success: function (data) {
            var items = data.d.results;
            $.each(items, function (index, item) {
                step1AcknowledgementValue = item.Acknowledgement;
            });

            //**Populate Request Data**
            //Request#
            $("#requestNumberSpan").html(requestNumber);
            //Step1
            $('#step1Acknowledgement').html(step1AcknowledgementValue);
            }

        },
        error: function (error) {
            console.log(JSON.stringify(error));
        }
    });
}