Jquery 无法获取本地JSON数据getJSON_Jquery_Json

Jquery 无法获取本地JSON数据getJSON

jquery json

Jquery 无法获取本地JSON数据getJSON,jquery,json,Jquery,Json,我有一个本地JSON数据文件，需要从中提取数据。路径正确，并且在其他文件中正常工作。然而，它在这里似乎不起作用我的JSON文件如下： { "Phone": { "Samsung":[{ "Size" : "AAA", "Camera" : "BBB", "Weight" :

我有一个本地JSON数据文件，需要从中提取数据。路径正确，并且在其他文件中正常工作。然而，它在这里似乎不起作用

我的JSON文件如下：

{
    "Phone": {
        "Samsung":[{
          "Size" : "AAA",
          "Camera" : "BBB",
          "Weight" : "CCC"
        }],
        "Apple":[{
            "Size" : "XXX",
            "Camera" : "YYY",
            "Weight" : "ZZZ"
          }]

    }
}

<body>
    <div id="AboutTab">
        <div id=About class="OuterFlexContainer">
        </div>
    </div>
</body>

<script>
$(document).ready(function(){
    var StatJSON;
        jQuery.getJSON("/TrialJSON/JSONData/QueryJSONData.json", function (json) {
            StatJSON = json;
            console.log(StatJSON);
    });

var markup = '';
markup += '<div>'+ StatJSON.Phone.Samsung[0].Size +'<div>'
markup += '<div>'+ StatJSON.Phone.Apple[0].Size +'<div>'

    $("#About").html(markup);

});

</script>

我的jQuery如下所示：

{
    "Phone": {
        "Samsung":[{
          "Size" : "AAA",
          "Camera" : "BBB",
          "Weight" : "CCC"
        }],
        "Apple":[{
            "Size" : "XXX",
            "Camera" : "YYY",
            "Weight" : "ZZZ"
          }]

    }
}

<body>
    <div id="AboutTab">
        <div id=About class="OuterFlexContainer">
        </div>
    </div>
</body>

<script>
$(document).ready(function(){
    var StatJSON;
        jQuery.getJSON("/TrialJSON/JSONData/QueryJSONData.json", function (json) {
            StatJSON = json;
            console.log(StatJSON);
    });

var markup = '';
markup += '<div>'+ StatJSON.Phone.Samsung[0].Size +'<div>'
markup += '<div>'+ StatJSON.Phone.Apple[0].Size +'<div>'

    $("#About").html(markup);

});

</script>


$（文档）.ready（函数（）{
var-StatJSON；
jQuery.getJSON（“/TrialJSON/JSONData/QueryJSONData.json”，函数（json）{
StatJSON=json；
log（StatJSON）；
});
var标记=“”；
markup+=''+StatJSON.Phone.Samsung[0].大小+''
markup+=''+StatJSON.Phone.Apple[0].大小+''
$（“#About”）.html（标记）；
});

我哪里做错了？JSON路径正常，错误出现在jQuery中。

变量

StatJSON

正在

getJSON

的回调中填充，这意味着当您试图使用

StatJSON

生成标记时，它还没有被填充

尝试将标记生成移动到回调内部，它应该可以工作

$（文档）.ready（函数（）{
var-StatJSON；
jQuery.getJSON（“/TrialJSON/JSONData/QueryJSONData.json”，函数（json）{
StatJSON=json；
log（StatJSON）；
var标记=“”；
markup+=''+StatJSON.Phone.Samsung[0].大小+''
markup+=''+StatJSON.Phone.Apple[0].大小+''
$（“#About”）.html（标记）；
});
});

Hi，把整个代码放到

var markup=''；markup+='....$（“#About”）.html（标记）在getJSON
回调中。