尝试使用JQuery加载本地JSON文件以在html页面中显示数据

一尘不染

尝试使用JQuery加载本地JSON文件以在html页面中显示数据

json

嗨，我正在尝试使用JQuery加载本地JSON文件以显示数据，但出现一些奇怪的错误。我可以知道如何解决这个问题吗？

<html>
 <head>
<script type="text/javascript" language="javascript" src="jquery-1.8.2.min.js"></script>

<script type="text/javascript">
    $(document).ready(function(e) {
    $.getJSON( "priorities.json" , function( result ){
        alert(result.start.count);
    });
});
</script></head>
</html>

我只是在提醒JSON数据的数量。我的JSON文件与该html文件位于同一目录中，并且JSON字符串格式如下所示。

{
"start": {
    "count": "5",
    "title": "start",
    "priorities": [
        {
            "txt": "Work"
        },
        {
            "txt": "Time Sense"
        },
        {
            "txt": "Dicipline"
        },
        {
            "txt": "Confidence"
        },
        {
            "txt": "CrossFunctional"
        }
    ]
}
}

JSON文件名priority.json，错误为

未定义未捕获的Referenceerror优先级

阅读 433

2020-07-27

共1个答案

一尘不染

就像jQuery API所说的：“使用GET HTTP请求从服务器加载JSON编码的数据。”

http://api.jquery.com/jQuery.getJSON/

因此，您无法使用该功能加载本地文件。但是，当您浏览Web时，您将看到在JavaScript中从文件系统加载文件确实很困难，如以下线程所述

2020-07-27