在ajax请求之后,resourceId没有被重置

时间:2017-04-07 06:09:35

标签: jquery ajax twitter-bootstrap fullcalendar fullcalendar-scheduler

因此,对于fullcalendar中的select函数,我使用它来向日历添加约会。在我添加到日历的第一个约会中,resourceId变量是正确的,并且约会被添加到正确的位置。从那时起,无论何时我添加约会,它都会添加到该资源下,变量永远不会更改为我在日历中点击的插槽中的resourceId。

select: function(start, end, event, view, resource) {
    $("#addEventModal").modal('show');
    $("#addAppt").submit(function(e) {
      $("#apptSubmit").attr("disabled", true);
      e.preventDefault();
      e.stopImmediatePropagation();
      console.log(resource.id);
      var formData = $(this).serialize() + '&start=' + moment(start).format('YYYY-MM-DD hh:mm:ss') +
      '&end=' + moment(end).format('YYYY-MM-DD hh:mm:ss') + '&resourceId=' + resource.id;
      $.ajax({
        url: '/dentist/db/createAppt.php',
        type: 'POST',
        data: formData,
        success: function(){
          $('#addEventModal').modal('hide');
          calendar.fullCalendar('refetchEvents');
          $("#apptSubmit").attr("disabled", false);
        },
      });
    });
  },

我真的不确定导致这种情况的原因,因为我的理解是,无论何时点击我的模态的提交按钮(#addAppt),resourceId都将被设置为任何一个插槽的ID点击了。如果有人知道造成这种情况的原因,我将不胜感激。

这是我的模态

的html
<div id="addEventModal" class="modal fade" role="dialog">
 <div class="modal-dialog">
  <!-- Modal content-->
  <div class="modal-content">
    <div class="modal-header">
      <button type="button" class="close" data-dismiss="modal">&times;</button>
      <h4 class="modal-title">Sign Up For Appointment</h4>
    </div>
    <div class="modal-body">
      <form id="addAppt" class='form-signin'>
        <label for="inputFirstName" class="sr-only">First Name</label>
        <input type="text" name = "firstName" id="inputFirstName" class="form-control" placeholder="First Name" required autofocus>
        <label for="lastName" class="sr-only">Last Name</label>
        <input type="text" name = "lastName" id="inputLastName" class="form-control" placeholder="Last Name" required>
        <button id="apptSubmit" type="submit" class="btn btn-primary">Add</button>
      </form>
    </div>
    <div class="modal-footer">
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    </div>
  </div>

</div>

0 个答案:

没有答案