第0111回，目錄測試--潛水

載入資料

 

 

 

 

code如下:

<div id="show_data">載入資料</div>
<script type="text/javascript">
   //=====1==== JSON feed
   var feedUrl = 'https://kdpsclass501.blogspot.com/feeds/posts/default/-/潛水?alt=json-in-script&max-results=9999&callback=myFunc';
 
   //=====2==== 讀入 JSON 物件並處理資料
   function myFunc(root) {
      var html = [''];
      var entries = root.feed.entry;
      for(var i=0; i<entries.length; i++) {
         html.push(entries[i].published.$t.substr(0,10)); //擷取文章日期
         html.push(' <a href="');
         html.push(entries[i].link[4].href);   //擷取文章網址
         html.push('">');
         html.push(entries[i].title.$t);   //擷取文章標題
         html.push('<'+'/a>');
         html.push('<'+'br />');
      }
      document.getElementById("show_data").innerHTML = html.join('');
   }
 
   //=====3==== 產生匯入外部 Javascript 檔案的語法
   function IncludeJavaScript(jsFile)  {
      document.write('<'+'script type="text/javascript" src="'+ jsFile + '"><'+'/script>');
   }
   //=====4==== 進行匯入 DATA API
   IncludeJavaScript(feedUrl);
</script>