如何在使用 jQuery 拖放后刷新 PHP 数据库日历？

Question

我有一个使用 PHP 构建的日历，上面有事件。

我使用 jQuery UI 来启用拖放来移动事件。 .droppable() 函数附加了一个回调函数，用于使用新信息更新数据库。但日历需要刷新才能从新的数据库值中读取。

你能用 jQuery 强制页面刷新吗？或者有更好的方法来做到这一点吗？

Answer 1

也许这就是你想要的？

$("div.myCalendarCell").droppable({
    addClasses: false,
    accept: "div.myEvents",
    activeClass: "active",
    hoverClass: "hover",
    drop: function(event,ui) {  
        var myFormData = $(this).find("form.myEventFormData").serialize();
        $(this).load("php/myEventManager.php",{"myFormData":myFormData},function(e){
            alert("updated");
        });
    }
});

Answer 2

您可以对 php 函数进行 ajax 调用，该函数在更新数据库后重新构建日历。

.droppable(function(){

  $('#calendar').load('scriptname.php', {variable1: 'var1', etc...});

});

Answer 3

location.reload(true) 是您要查找的调用。

$('.selector').droppable({
   drop: function(event, ui) { location.reload(true); }
});

Answer 4

如果您在不刷新的情况下修改数据库，则意味着您正在途中的某个地方发出 HTTPXmlRequest...为什么不找出是否可以让该请求返回更改并在浏览器中更新它？

...因为如果您想要刷新页面，您应该使用

提交，不是吗？既然你没有，这让我觉得你想要一些 Sweet Rich-UI Ajax Action，而 Sweet Rich-UI Ajax Action 原则的根源是“无刷新”。