Javascript 如何从文件中获取JSON数据以显示在HTML页面上

我这里有一个不太典型的JSON（），我试图在HTML页面上非常简单地内联显示，作为普通的文本和照片

我将JavaScript/jQuery嵌入到HTML文件中，但它似乎不起作用。有人知道我做错了什么吗？提前谢谢你

HTML（JavaScript）：

JSON文章
$.ajax({
url:“http://localhost:8888/json-article/article.json“，
方法：“获取”，
成功：功能（数据）{
for（objectJson中的var对象）{
$（“#输出”）.text（“id=”+object.id+“title”+object.title+“body”+object.body+“cover”+object.cover）；
}
}
});

$.ajax({
url:“您的json url”，
方法：“获取”，
成功：功能（数据）{
$（“#输出”）。文本（数据）；
}
});

您应该导入JQuery

<script>
        $.ajax({
                    url:"Your json url",
                    method:"GET",
                    success:function(data){
           var objectJson = JSON.parse(data)
           $("#output").text("id="+objectJson.id+"title"+objectJson.title);
    }
    });
     </script>

$.ajax({
url:“您的json url”，
方法：“获取”，
成功：功能（数据）{
var objectJson=JSON.parse（数据）
$（“#输出”）.text（“id=”+objectJson.id+“title”+objectJson.title）；
}
});

您应该为内容的每个属性执行此操作

编辑：

$.ajax({
url:“您的json url”，
方法：“获取”，
成功：功能（数据）{
var objectJson=JSON.parse（数据）
For（objectJson中的var对象）{
$（“#输出”）.text（“id=“+object.id+”title“+object.title”）；
} 
}
});

该文件不是JSON，而是一个数组。您可以按原样包含它，但需要将其分配给一个变量，例如

var data=/*您的大数组*/

，然后在需要的地方使用

data

变量。或者，您可以将数据转换为JSON，并发出AJAX请求以检索itI。我花了两天时间，但似乎我没有正确理解JSON格式。这就是我问这个问题的原因，我希望得到更详细的答案。任何特定的代码都将不胜感激。谢谢您的时间。我正在使用一个本地JSON文件，所以对于JSON url，我可以只输入文件名吗？我可以知道您使用的是哪种服务器端脚本语言吗。如果您使用的是PHP，那么就使用这个。对这个文件进行ajax调用。不，我没有使用PHP。我只是使用了一个MAMP本地主机和一个HTML文件。还有article.json文件，但这是使用javascript作为参考的allRead文件，然后将输出附加到div中。谢谢！好的，目前我有$.ajax（{url:，method:“GET”，success:function（data）{For（objectJson中的var对象）{$（“#output”）.text（“id=“+object.id+”title“+object.title+”body“+object.body+”cover“+object.cover）；}}）；但是我得到了一个错误：“uncaughtsyntaxerror:uncontractedtokenvar”并且仍然是一个空白的html页面。它在哪一行被捕获？

<script>
    $.ajax({
                url:"Your json url",
                method:"GET",
                success:function(data){
       $("#output").text(data);
}
});
 </script>

<script>
        $.ajax({
                    url:"Your json url",
                    method:"GET",
                    success:function(data){
           var objectJson = JSON.parse(data)
           $("#output").text("id="+objectJson.id+"title"+objectJson.title);
    }
    });
     </script>

<script>


    $.ajax({
                        url:"Your json url",
                        method:"GET",
                        success:function(data){
               var objectJson = JSON.parse(data)
               For(var object in objectJson){
                  $("#output").text("id="+object.id+"title"+object.title);           
                } 

        }
        });
         </script>