Javascript 读取外部.json文件并以html显示

我正在尝试连接到一个外部.json文件，并以html显示结果

这是我的json

{
"jobid": "2018-1109",
"overview": "hello world",
"links": [
   {
     "rel": "self",
     "title": "hello world"
   }
]
}

我不确定如何将.json文件放入html文件并显示数据。任何帮助都将不胜感激。我正在本地服务器上测试，以便成功连接到该文件。我找到的所有参考资料和例子都没有让我找到正确的答案

---

我知道我可以使用$.getJSON（）；要引入该文件，我只是不知道在javascript中使用该文件后该如何处理

利用jquery文档，我能够获得显示的数据：

$.getJSON( "displayjob.json", function( data ) {
  var items = [];
  $.each( data, function( key, val ) {
    items.push( "<li id='" + key + "'>" + val + "</li>" );
  });

  $( "<ul/>", {
    "class": "my-new-list",
    html: items.join( "" )
  }).appendTo( "body" );
});

$.getJSON（“displayjob.json”），函数（数据）{
var项目=[]；
$。每个（数据、函数（键、值）{
items.push（“
”+val+“
”）；
});
$（“
”{
“类”：“我的新列表”，
html:items.join（“”）
}).附于（“主体”）；
});

“我很困惑，一旦我有了javascript，该怎么处理它。”我也是，一旦你有了它，你想用它做什么？我想在我的html文件中回显或附加结果以供显示。输出将是很好的，那么这样做的问题在哪里呢？您是如何尝试将数据添加到HTML的？请与我们分享一份报告，向我们展示您的问题所在。问题是什么？

getJSON

的文档是否不足以向您展示如何获取刚刚获取的数据？您需要阅读关于使用jQuery修改HTML的入门教程吗？