document.addEventListener('DOMContentLoaded', function() {
    // DOM完全加载后再执行AJAX
    $.ajax({
        url: 'your-api-endpoint',
        success: function(data) {
            // 安全地操作DOM
        }
    });
});

async function fetchDataAndUpdateDOM() {
    try {
        const data = await fetch('your-api-endpoint').then(res => res.json());
        // DOM操作
    } catch (error) {
        console.error('Error:', error);
    }
}

// 确保DOM就绪后执行
if (document.readyState === 'complete') {
    fetchDataAndUpdateDOM();
} else {
    window.addEventListener('load', fetchDataAndUpdateDOM);
}

const observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
        if (mutation.addedNodes.length) {
            // 检测到DOM变化，重新绑定AJAX数据
        }
    });
});

observer.observe(document.body, {
    childList: true,
    subtree: true
});

// 先获取数据
fetch('your-api-endpoint')
    .then(res => res.json())
    .then(data => {
        // 存储数据
        window.appData = data;
        // 触发DOM更新事件
        const event = new Event('dataLoaded');
        document.dispatchEvent(event);
    });

// 监听数据加载完成事件
document.addEventListener('dataLoaded', function() {
    // 使用window.appData更新DOM
});