Javascript 我想在jquery对话框中从数据库中获取一个id

我想在jquery对话框中从数据库中获取一个id。我正在使用fullcalendar，当我单击某个事件时，会打开一个对话框。目前它是空的，但我想获取事件的id并在对话框中显示它

Fullcalendarextern.js：

    $(document).ready(function() {
  var date = new Date();
  var d = date.getDate();
  var m = date.getMonth();
  var y = date.getFullYear();

  var calendar = $('#calendar').fullCalendar({
   editable: true,
   header: {
    left: 'prev,next today',
    center: 'title',
    right: 'month,agendaWeek,agendaDay'
   },

   events: "../testcalendar/fullcalendar/events.php",



   // Convert the allDay from string to boolean
   eventRender: function(event, element, view) {
    if (event.allDay === 'true') {
     event.allDay = true;
    } else {
     event.allDay = false;
    }
   },   
   selectable: true,
   selectHelper: true,
   select: function(start, end, allDay) {
   var title = prompt('Event Title:');
   if (title) {
   var start = $.fullCalendar.formatDate(start, "yyyy-MM-dd HH:mm:ss");
   var end = $.fullCalendar.formatDate(end, "yyyy-MM-dd HH:mm:ss");
   $.ajax({
   url: '../testcalendar/fullcalendar/add_events.php',
   data: 'title='+ title+'&start='+ start +'&end='+ end ,
   type: "POST",

   });
   calendar.fullCalendar('renderEvent',
   {
   title: title,
   start: start,
   end: end,
   allDay: allDay
   },
   true // make the event "stick"
   );
   }
   calendar.fullCalendar('unselect');
   },
    editable: true,
   eventDrop: function(event, delta) {
   var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
   var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
   $.ajax({
   url: '../testcalendar/fullcalendar/update_events.php',
   data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
   type: "POST",

   });
   },
   eventResize: function(event) {
   var start = $.fullCalendar.formatDate(event.start, "yyyy-MM-dd HH:mm:ss");
   var end = $.fullCalendar.formatDate(event.end, "yyyy-MM-dd HH:mm:ss");
   $.ajax({
    url: '../testcalendar/fullcalendar/update_events.php',
    data: 'title='+ event.title+'&start='+ start +'&end='+ end +'&id='+ event.id ,
    type: "POST",

   });

},
eventClick: function(calEvent, jsEvent, view) {
$( "#dialogstatusevent" ).dialog({
      autoOpen: false,

    });

      $( "#dialogstatusevent" ).dialog( "open" );
        var id = $("#idtest").val();
    },

   eventMouseover: function(event, domEvent) {
                var layer = '<div id="events-layer" class="fc-transparent" style="position:absolute; width:100%; height:100%; top:-1px; text-align:right; z-index:100"><a><img src="../testcalendar/editbt.png" title="edit" width="14" id="edbut'+event.id+'" border="0" style="padding-right:3px; padding-top:2px;" /></a><a><img src="../testcalendar/delete.png" title="delete" width="14" id="delbut'+event.id+'" border="0" style="padding-right:5px; padding-top:2px;" /></a></div>';
                $(this).append(layer);
                $("#delbut"+event.id).hide();
                $("#delbut"+event.id).fadeIn(300);
                $("#delbut"+event.id).click(function() {
                $.ajax({
                url: '../testcalendar/fullcalendar/delete_events.php',
                data: 'id=' + event.id ,
                type: "POST",
                });
                var nTime = 1 * 50;
                window.setTimeout("location.reload()", nTime);
                });
                $("#edbut"+event.id).hide();
                $("#edbut"+event.id).fadeIn(300);
                $("#edbut"+event.id).click(function() {
                    var title = prompt( '\n\nNew Event Title: ');

                    if(title){
                $.ajax({
                url: '../testcalendar/fullcalendar/update_title.php',
                data: 'title='+ title+'&id='+ event.id ,
                type: "POST",
                });
                var nTime = 1 * 50;
                window.setTimeout("location.reload()", nTime);
                    }


                });
            },   

            eventMouseout: function(calEvent, domEvent) {
                $("#events-layer").remove();
            },


  });

 });

$（文档）.ready（函数（）{
变量日期=新日期（）；
var d=date.getDate（）；
var m=date.getMonth（）；
var y=date.getFullYear（）；
var calendar=$（“#calendar”）.fullCalendar({
是的，
标题：{
左：“上一个，下一个今天”，
中心：'标题'，
右图：“月，agendaWeek，agendaDay”
},
事件：“../testcalendar/fullcalendar/events.php”，
//将全天从字符串转换为布尔值
eventRender:函数（事件、元素、视图）{
如果（event.allDay=='true'）{
event.allDay=true；
}否则{
event.allDay=false；
}
},   
是的，
selectHelper:对，
选择：功能（开始、结束、全天）{
var title=prompt（'事件标题：'）；
如果（标题）{
var start=$.fullCalendar.formatDate（开始，“yyyy-MM-dd HH:MM:ss”）；
var end=$.fullCalendar.formatDate（end，“yyyy-MM-dd HH:MM:ss”）；
$.ajax({
url:“../testcalendar/fullcalendar/add_events.php”，
数据：'title='+title+'&start='+start+'&end='+end，
类型：“POST”，
});
日历。完整日历（'renderEvent'，
{
标题:标题,，
开始：开始，
完:完,，
全天
},
true//使事件“持续”
);
}
日历。完整日历（“取消选择”）；
},
是的，
eventDrop：函数（事件，增量）{
var start=$.fullCalendar.formatDate（event.start，“yyyy-MM-dd HH:MM:ss”）；
var end=$.fullCalendar.formatDate（event.end，“yyyy-MM-dd HH:MM:ss”）；
$.ajax({
url:“../testcalendar/fullcalendar/update_events.php”，
数据：'title='+event.title+'&start='+start+'&end='+end+'&id='+event.id，
类型：“POST”，
});
},
eventResize:函数（事件）{
var start=$.fullCalendar.formatDate（event.start，“yyyy-MM-dd HH:MM:ss”）；
var end=$.fullCalendar.formatDate（event.end，“yyyy-MM-dd HH:MM:ss”）；
$.ajax({
url:“../testcalendar/fullcalendar/update_events.php”，
数据：'title='+event.title+'&start='+start+'&end='+end+'&id='+event.id，
类型：“POST”，
});
},
eventClick:函数（calEvent、jsEvent、view）{
$（“#dialogstatusevent”）。对话框({
自动打开：错误，
});
$（“#dialogstatusevent”）。对话框（“打开”）；
var id=$（“#idtest”）.val（）；
},
eventMouseover：函数（事件，domEvent）{
var层=“”；
$（此）.append（层）；
$（“#delbut”+event.id）.hide（）；
$（“#delbut”+event.id）.fadeIn（300）；
$（“#delbut”+event.id）。单击（函数（）{
$.ajax({
url:“../testcalendar/fullcalendar/delete_events.php”，
数据：“id=”+event.id，
类型：“POST”，
});
变量时间=1*50；
setTimeout（“location.reload（）”，nTime）；
});
$（“#edbut”+event.id）.hide（）；
$（“#edbut”+event.id）.fadeIn（300）；
$（“#edbut”+event.id）。单击（函数（）{
var title=prompt（'\n\n新事件标题：'）；
如果（标题）{
$.ajax({
url:“../testcalendar/fullcalendar/update_title.php”，
数据：'title='+title+'&id='+event.id，
类型：“POST”，
});
变量时间=1*50；
setTimeout（“location.reload（）”，nTime）；
}
});
},   
EventMousOut：功能（calEvent、DomeEvent）{
$（“#事件层”）.remove（）；
},
});
});

agenda_view.php：

<div id="content">
<div id="table-row">
<!-- <div class="header_title" style="margin-bottom: 10px;">Agenda</div> -->
 <div class="agenda">
<html>
<head>
<link href='<?=base_url();?>testcalendar/css/fullcalendar.css' rel='stylesheet' />
<script src='<?=base_url();?>testcalendar/js/jquery-1.9.1.min.js'></script>
<script src='<?=base_url();?>testcalendar/js/jquery-ui-1.10.2.custom.min.js'></script>
<script src='<?=base_url();?>testcalendar/js/fullcalendar.min.js'></script>
<script src='<?=base_url();?>testcalendar/js/fullcalendarextern.js'></script>
<script src='<?=base_url();?>testcalendar/js/nieuweafspraak.js'></script>
<link href="<?=base_url();?>testcalendar/assets/css/jquery-ui-1.10.0.custom.css" rel="stylesheet" type="text/css" />

<style>

 body {
  margin-top: 40px;

  }


 #calendar {
  width: 900px;
  margin: 0 auto;
  }

</style>
</head>
<body>
<div id="dialogstatusevent" style="display:none" title="Mijn afspraak">
<div id="idtest"></div>
</div>
<div id='calendar'></div>
</body>
</html>
</div>
</div>

---

我想您应该正确地从events.php中检索数据。因此，在每个事件中，id都已经存在。在本部分代码中：

eventClick: function(calEvent,...)

您可以执行以下操作：

eventClick: function(calEvent, jsEvent, view) {
    var id = calEvent.yourId;
    $( "#dialogDeleteEventOrSomethingElse" ).dialog({
         /...
     }),
}

编辑：读回后

agenda\u view.php

<div id="dialogstatusevent" style="display:none" title="Mijn afspraak">
    <div id="idtest">
    </div>
</div>

Fullcalendarextern.js:

eventClick: function(calEvent, jsEvent, view) {
    // Write the id in your <div> of the dialog
    $( "#dialogstatusevent #idtest" ).text(calEvent.id);
    // Open dialog
    $( "#dialogstatusevent" ).dialog({
         // ...
     }),
}

event单击：函数（calEvent、jsEvent、view）{
//在对话框的文本框中写入id
$（“#dialogstatusevent#idtest”）.text（calEvent.id）；
//打开对话框
$（“#dialogstatusevent”）。对话框({
// ...
}),
}

---

我希望它能满足您的期望。

这就是您所期望的？

eventClick: function(calEvent, jsEvent, view) {
    // Write the id in your <div> of the dialog
    $( "#dialogstatusevent #idtest" ).text(calEvent.id);
    // Open dialog
    $( "#dialogstatusevent" ).dialog({
         // ...
     }),
}