将完整日历变量发送到 php

Question

我有以下代码，我想向 PHP 发送一个变量以过滤日历上的事件：

$(document).on('click', '.cons-visitt', function(){
  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
        initialViews = 'listWeek';
   }else{
        initialViews = 'listWeek';
   }
   var Datavisitt = $("#Datavisitt").val();
 
   var calendarEl = document.getElementById('calendarioo');
 
    var calendar = new FullCalendar.Calendar(calendarEl, {
        
        headerToolbar: {
            left: 'prev,next today',
            center: 'title',
            right: 'listWeek'
        },
        locale: "pt-br",

        buttonText:{
            today:    'Hoje',
            list:     'Lista'
        },
        
        events: '/visitas1.php?Datavisitt',
    });     
    calendar.render();      
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<form method="POST" class="row g-3 vistutentt">
  <div class="col-md-3">
    <label for="Datavisitt" class="form-label">Inicio de Registo </label>
    <input type="date" class="form-control" name="Datavisitt" id="Datavisitt" value="<?php echo date("Y-m-d");?>">
  </div>
  <div class="col-2">
    <button type="button" class="btn btn-info cons-visitt" style="float: right; margin-right: 5%; margin-top: 4%;"><i class="metismenu-icon pe-7s-search"></i> Consultar </button>
  </div>
</form>

<div id='calendarioo'></div>

我想将该变量的值发送给 PHP:

var Datavisitt = $("#Datavisitt").val();

我正在尝试这样：

events: '/visitas1.php?Datavisitt',

但是php中的变量始终是

NULL

。你能帮忙吗？

Answer 1

在 URL 查询字符串中，参数格式为

name=value

，所以当然，如果你只有

Datavisitt

，你只是得到了名称，并且没有值 - 因此为什么当服务器接收到它时它总是 NULL。

根据 fullCalendar events as a JSON feed 文档，您可以以扩展形式描述事件源，并使用事件源的

extraParams

选项，这使您能够指定

您想要发送到服务器的其他 GET/POST 数据。可以是普通对象或返回对象的函数。

因此您应该可以更换

events: '/visitas1.php?Datavisitt',

与

events: {
  "url": "/visitas1.php?",
  "extraParams": function() {
    return { "Datavisitt": $("#Datavisitt").val() }
  }
}

每次从服务器请求事件源数据时，动态发送 Datavisitt 字段中的最新值。