Javascript 通过rest和Load页面加载Div中的内容

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

我用rest调用的内容填充的这些div位于page1.html上，我使用document.on ready在页面末尾的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));
        }
    });
}

如果（$.isNumeric（id））{
formPath=“forms/EditForm.html”；
getItemDetails（id）；
$（“#form”）.load（formPath）；
}
函数getItemDetails（itemID）{
console.log（itemID）；
var url=siteURL；
$.ajax({
url:url，
键入：“获取”，
async:true，
标题：{“Accept”：“application/json；odata=verbose”}，
成功：功能（数据）{
var项目=数据和结果；
$。每个（项目、功能（索引、项目）{
step1AcknowledgementValue=项目确认；
});
//**填充请求数据**
//请求#
$（“#requestNumberSpan”）.html（requestNumber）；
//步骤1
$（'#step1Acknowledgement'）.html（step1AcknowledgementValue）；
}
},
错误：函数（错误）{
log（JSON.stringify（error））；
}
});
}

请添加已添加的编解码器。提前多谢