Question

我有一个微型网站，它有一个基本的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']);
                ...................................

确保JSON内容始终加载 - 有时会失败

0 个答案: