Jquery 在对象变量中加载json文件

我有一个jquery函数，它看起来像

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

var doubleEliminationData={}
$（函数（）{
$（'div#doubleElimination'）。括号({
init:doubleEliminationData
})
})  

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

---

如何将JSON文件的内容加载到var doubleEliminationData中？

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

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

也可以使用速记Ajax功能

---

给你的小提琴怎么样？你会遇到问题，因为你听起来像是在做一个默认不允许的跨域请求。你能解释一下“不工作”是什么意思吗。顺便问一下，您是否可以控制托管JSON文件的服务器？DoesnTwork=页面加载但函数未执行。如果我在变量中手动写入JSON文件内容，则函数已执行，我可以控制serverhi。$.getJSON工作得很好。我还必须从主域而不是子域请求json文件。是否可以在函数中执行此请求？当我尝试将其放入函数中时，请求不会被发送。有什么想法吗？

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