Ajax不会立即使用innerHTML更新DIV内容

Question

所以我有一个带有一些字段的表单，然后是单选按钮，它们将使用Ajax更改表单的最后一部分。我可以做这个部分，但现在我必须在表单中加载一些数据。数据给出了表格的最后部分以及放在该部分字段中的值。

问题在于：当Ajax加载最后的字段时（取决于选中的单选按钮），我的脚本继续并在表单中插入数据，因此当最后的字段保持为空时（它们没有完成加载） ..）

这是我的代码的一部分：

$('input[name=radioName]').each(function(){
    if($(this).val() == radioValueToCheck){
        $(this).prop('checked', true);
        changeType(this); //my function that loads the ajax and put it in the form
    }
});

alert(document.getElementById('TypeDiv').innerHTML); //div still not updated

$.each(formData, function(index, fieldName){
    setNewValue(fieldName, infoExpense[fieldName]); //custom function to insert new values
});

alert(document.getElementById('TypeDiv').innerHTML); //NOW the div is updated!.... =/

表单仍然最终更新，所以我认为问题不在于ajax函数..