1

我有一个具有基本 index.html 并使用 Ajax 加载其他 html 文件的微型站点，在这些加载的 HTML 文件中，我还从 JSON 文件加载内容。我想知道是否有办法确保始终加载此内容，因为我发现有时 HTML 加载但 JSON 内容没有：当用户单击转到新层时，我使用 AJAX 调用 JSON（loadContent( ))，在这个函数中，我调用另一个函数，它在特定的 html 元素中加载 JSON 内容 (showInfo())

也许我的代码不健壮，需要修改。

示例代码：

$(document).on('click', 'a.loser-next-button', function(e){
        e.preventDefault();
        $('#mch-overlay-content').html('');
        $('#mch-overlay-content').load("layer_recommend.html");
        loadContent();
});

function loadContent(){ 
    $.ajax({
        url: "json/" + language + "/content.json",
        data: "nocache=" + Math.random(),
        type: "GET",
        cache : false,
        contentType: "application/json",
        dataType: "json",
        success: function(source){
            data = source;
            showStartpage(data);
            showInfo(data);
        },
        error: function(data){
            alert("Failed to load content");
        }
    }); 

}

function showInfo(){
    $(".start .text3").html(data[language]['startpage']['text3']);
    $(".start .text4").html(data[language]['startpage']['text4']);
    $(".start .text5").html(data[language]['startpage']['text5']);
    $(".start .text6").html(data[language]['startpage']['text6']);
    $(".start .text7").html(data[language]['startpage']['text7']);
                ...................................
4

0 回答 0