讀取外部.json文件並以html顯示

Question

我正在嘗試連接到外部.json文件，並以html顯示結果。

這是我的json

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

我不確定如何將.json文件放入我的html文件中並顯示數據。 任何幫助將不勝感激。 我正在本地服務器上對此進行測試，因此我與文件的連接成功。 我發現的所有參考文獻和示例都沒有引導我給出正確的答案。

我知道我可以使用$ .getJSON（）; 引入文件，一旦在javascript中將其處理，我就感到困惑。

Answer 1

利用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" );
});