如何將jQuery日曆與jsp集成

Question

我有一個問題，從MySQL加載事件數據到jquery fullcalendar ..給出的例子是在PHP中，我不知道如何去做java .. 這是示例代碼：

111， '標題'=> 「事件1」， '開始'=> 「$ $年 - 月 - 10」， 'URL'=> 「http://yahoo.com/」 ） ））; ？>

Answer 1

您需要爲此創建Servlet。創建一個類別extends HttpServlet並在doGet()中編寫代碼，從而將所需的JSON字符串寫入響應。您可以使用Google Gson將Java對象轉換爲JSON字符串。

例如：

// Gather data. 
Map<String, Object> map = new HashMap<String, Object>(); 
map.put("id", 111); 
map.put("title", "event1"); 
map.put("start", new SimpleDateFormat("yyyy-MM-10").format(new Date())); 
map.put("url", "http://yahoo.com/"); 

// Convert to JSON string. 
String json = new Gson().toJson(map); 

// Write JSON string. 
response.setContentType("application/json"); 
response.setCharacterEncoding("UTF-8"); 
response.getWriter().write(json); 

然後，只需映射這個servlet在web.xml期望url-pattern。

取而代之的是Map你甚至可以創建你的JavaBean類Event：

public class Event { 
    private Long id; 
    private String title; 
    private Date start; 
    private URL url; 
    // Add/generate getters/setters. 
} 

你甚至可以使用GSON把它轉換：

Event event = eventDAO.find(request.getParameter("id")); 
String json = new Gson().toJson(event); 

這種方式可以更容易收集他們都在一個List<Event>哪一個更優於List<Map<String, String>>：

List<Event> events = eventDAO.list(); 
String json = new Gson().toJson(events); 

Answer 2

在你的servlet把這個腳本：

map.put("id", 111); 
map.put("title", "event1"); 
map.put("start", new SimpleDateFormat("yyyy-MM-10").format(new Date())); 
map.put("url", "http://yahoo.com/"); 

// Convert to JSON string. 
String json = new Gson().toJson(map); 

// Put json between [] to be formatted by Fullcalendar 
json = "[" + json + "]"; 

// Write JSON string. 
response.setContentType("application/json"); 
response.setCharacterEncoding("UTF-8"); 
response.getWriter().write(json); 

Answer 3

首先，你需要調用從jQuery的servlet的 - 你這樣做與$阿賈克斯（）。然後你需要將結果傳遞給日曆。以下工作正常：

$.ajax({ 
      url: 'app', 
      dataType: "json", 
      success: function(response) { 
       $('#calendar').fullCalendar({ 
        header: { 
         left: 'prev,next today', 
         center: 'title', 
         right: 'month,agendaWeek,agendaDay' 
        }, 
        editable: true, 
        events: [response] 
       }); 
      } 
     }); 

問候， 索林