在页面中多次重用jQuery的getJSON

时间:2019-02-05 13:44:57

标签: javascript jquery json

我需要使用JavaScript读取和解析JSON数据。我可以在HTML页面内使用jQuery来完成此操作。对于语言 JSON内容

{ "json":
    { "languages" :
        [
            {"language":
                {
                    "text":"Deutsch",
                    "id":"ce4bb97b-8a8f-40c1-b4d7-34ebc8872ccd",
                    "code":"de"
                }
            },
            {"language":
                {
                    "text":"English",
                    "id":"1aaafaae-8dff-4055-9736-3970c9f6844b",
                    "code":"en"
                }
            }
        ]
    }
}

我使用此JavaScript获取第一语言的ID:

$.getJSON("languages.json", function(data, status) {
    var obj = JSON.parse(JSON.stringify(data));
    $("#languages").html(obj.json.languages[0].language.id);
}).done(function() {
    console.log("done success");
}).fail(function() {
    console.log("fail error");
}).always(function() {
    console.log("always complete");
});

但是我会重用此机制以获取更多JSON内容,如下所示:

(function($) {
    $(document).ready(function() {
        var language_id = getLanguages()[0];
    });
})(jQuery);

function getLanguages() {
    var obj = JSON.parse(JSON.stringify(getJsonData("languages.json")));
    return obj.json.languages;
} 

function getJsonData(file) {
    return $.getJSON(file, function(data, status) {
        ...
    });
} 

最佳做法是什么?

0 个答案:

没有答案