在对象变量中加载json文件

Question

我有一个看起来像

的jquery函数

<script type="text/javascript">
var doubleEliminationData = {}
$(function () {
    $('div#doubleElimination').bracket({
        init: doubleEliminationData
    })
})  
</script>

并且变量doubleEliminationData的内容位于JSON文件中。当我在变量中复制/粘贴JSON文件中的代码时，它可以正常工作。但我需要从JSON文件加载它，因为在其他网站上我可以更改此文件中的内容。我尝试了$ .get，$ .getjson和$ .ajax来获取文件的内容，但它不起作用。我希望你能帮忙解决这个问题。 如何将JSON文件的内容加载到var doubleEliminationData？

Answer 1

您可以尝试使用Ajax执行此操作：

$.ajax({
    dataType: "json",
    url: urlPathToYourFile,
    data: data,
    success: successFn
});

或者您可以使用速记Ajax函数jQuery.getJson()

$.getJSON("yourJsonFile.json", function(data) {
    console.log(data);//output your data to console
});