jquery - 在对象变量中加载 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
});