使用 AJAX 在全日历中克隆事件后如何更新数据库

Question

我对编程还比较陌生，如果能提供一些帮助，我们将不胜感激。

我正在使用 fullcalendar 并且已经到了可以添加、删除和拖放事件的地步。我的最后一个要求是能够克隆事件以便更快地管理。

我正在使用以下代码克隆事件（取自之前的 post）。目前这不会保存到数据库中：

     eventClick: function (event, jsEvent, ui, view) {
     if (!copyKey) return;
     var eClone = {
       id: event.id+1,
       title: event.title,
       tooling: event.tooling,
       start: event.start,
       end: event.end
     };
     $('#calendar').fullCalendar('renderEvent', eClone);
 },

我用来更新 SQL 数据库的一段代码示例如下：

eventDrop:function(event)
{
 var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
 var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
 var title = event.title;
 var tooling = event.tooling;
 var id = event.id;
 $.ajax({
  url:"update.php",
  type:"POST",
  data:{title:title, tooling:tooling, start:start, end:end, id:id},
  success:function()
  {
   calendar.fullCalendar('refetchEvents');
  }
 });
},

我的主要困惑是如何将 AJAX 用于我的克隆功能，同时确保在创建新事件时增加 ID。

Answer 1

必须使用 insert.php 而不是 update.php...

最终工作代码：

     eventClick: function (event, jsEvent, ui, view)
 {
     if (!copyKey) return;
     var eClone = {
       id: event.id,
       title: event.title,
       tooling: event.tooling,
       start: event.start,
       end: event.end
     };
     $('#calendar').fullCalendar('renderEvent', eClone);
     var start = $.fullCalendar.formatDate(event.start, "Y-MM-DD HH:mm:ss");
     var end = $.fullCalendar.formatDate(event.end, "Y-MM-DD HH:mm:ss");
     var title = event.title;
     var tooling = event.tooling;
     var id = event.id;
     $.ajax({
      url:"insert.php",
      type:"POST",
      data:{title:title, tooling:tooling, start:start, end:end, id:id},
      success:function()
      {
      $('#calendar').fullCalendar('renderEvent', eClone);
       calendar.fullCalendar('refetchEvents');
      }
     });
 },

使用 AJAX 在全日历中克隆事件后如何更新数据库

How to update database after cloning an event in fullcalendar using AJAX

javascript

php

ajax

fullcalendar