你可以重新加载一个jquery加载的内容而无需重新加载整个页面吗?

时间:2016-05-23 07:19:10

标签: javascript jquery html

所以我使用了phpjabbers.com的一部分可用性日历。以下是信息页面的链接:https://www.phpjabbers.com/free-availability-calendar-script/

这完美无缺,但现在我想知道是否有可能重新加载日历,重新加载整个页面。以下代码是我第一次刷新或加载页面时用于加载日历的代码。

$(document).ready(function(){    
  $('#basic').calendar({
      adapter: 'server/adapter.php',
      num_next_month: 2,
      num_prev_month: 0,  
      day_first: 1,
      onSelectDate: function(date, month, year){
          if (month < 10) {
              month = "0" + month;
          } 
          if (date < 10) {
              date = "0" + date;
          }
        var datum = [year, month, date].join("-");
        //alert(datum);
            if (window.XMLHttpRequest) {
                // code for IE7+, Firefox, Chrome, Opera, Safari
                xmlhttp = new XMLHttpRequest();
            } else {
                // code for IE6, IE5
                xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            xmlhttp.onreadystatechange = function() {
                if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                    document.getElementById("dagoverzicht").innerHTML = xmlhttp.responseText;
                }
            };
            xmlhttp.open("GET","tabel.php?q="+datum,true);
            xmlhttp.send();
        },
  });
})

提前致谢

1 个答案:

答案 0 :(得分:0)

这个脚本的用途似乎相当有限。许多其他日历库提供&#34; destroy&#34;并且&#34;重新加载&#34;功能或允许您输入新的不可用日期。

我认为内联jQuery UI Datepicker(https://jqueryui.com/datepicker/)可以为您设置所需内容,因为它允许您刷新&#39; datepicker。

在造型方面,你必须自己设计风格,让它看起来像你想要的方式(jQuery UI,对我来说,看起来很难看)。

<强> ADDITION

另外,关于你的代码,为什么不使用jQuery提供的Ajax函数而不是艰难地使用Ajax。您已在代码中使用jQuery。 $阿贾克斯();例如。