2017-04-27 32 views
0

我目前正在處理事件日曆。其中我必須將事件從外部txt文件添加到日曆中。我如何將關鍵值和實體鏈接到JavaScript?事件應該根據我在txt文件中給出的內容正確顯示。 預先感謝,如何將Txt文件鍵和實體值鏈接到JavaScript?

Code: 
<!DOCTYPE html> 
<html> 
<head> 
<meta charset='utf-8' /> 
<link rel='stylesheet' href='../lib/Theme/jquery-ui.min.css' /> 
<link href='../fullcalendar.min.css' rel='stylesheet' /> 
<link href='../fullcalendar.print.min.css' rel='stylesheet' media='print' /> 
<script src='../lib/moment.min.js'></script> 
<script src='../lib/jquery.min.js'></script> 
<script src='../fullcalendar.min.js'></script> 
<li src='../events.txt'></li> 
<script> 
    $(document).ready(function() { 
     $('#calendar').fullCalendar({ 
      theme: true, 
      header: { 
       right: 'prev,next today', 
       center: 'title', 
       left: 'month,agendaWeek,agendaDay,listMonth' 
      }, 
      defaultDate: '2017-04-12', 
      navLinks: true, // can click day/week names to navigate views 
      eventLimit: true, // allow "more" link when too many events 

      events: [ 
      { 
        title: ' ', 
        start: ' ' 
       } 
      ] 
     }); 

    }); 
[Txt file][1] 

[1]: https://drive.google.com/open?id=0Bw3XnR8_0rzCVEpVMlpHNm41bUk 
+0

你需要使用一些AJAX方法來讀取'events.txt' –

+0

能否請你解釋一下?.. –

+0

肯定的是,我用Google搜索開始使用Ajax和發現https://開頭developer.mozilla.org/en-US/docs/AJAX/Getting_Started –

回答

0

使用jQuery's AJAX

$.ajax({ 
    url: "sometext.txt", 
    success: function(data) { 
     processData(data); 
    }, 
    error: function(xhr) { 
     console.log("Something broke."); 
    } 
}) 

我建議將數據存儲在JSON,這樣就不需要進一步的處理。像這樣:

[ 
    { 
     "title": "Probosys Meeting", 
     "start": "2017-04-01" 
    }, 
    { 
     "title": "Probosys Starting", 
     "start": "2017-04-03" 
    }, 
    { 
     "title": "Probosys Fucntion", 
     "start": "2017-04-06" 
    } 
] 
+0

在txt文件中我有事件的詳細信息,如日期,時間和事件的名稱,是什麼你的意思是「數據」,我應該轉換它成JSON文件並使用它?請解釋一下,如果這個問題似乎有些乏味,我是一個初學者非常抱歉 –

+0

你只會在'data'中得到你的文本,所以你需要以某種方式解析它,以便能夠將它們傳遞給'fullCalendar()'。由於該函數將'events'視爲JSON,所以您必須將您的'data'解析爲JSON。 – Somrlik

相關問題