javascript - 将事件加载到日历中

标签 javascript jquery html ajax

我有一个 XML 文件,其中包含日历数据。我想使用 AJAX 将事件动态加载到日历中。我想获得称为“afspraak”的 XML 元素(其中四个)。可在此处查看 XML 文件:http://dimitrisnijder.nl/files/agenda.xml

我正在尝试使用以下代码来做到这一点:

function agendaLoad(){

    $(".title").html(monthLabels[thisMonth]+" "+thisYear);


    $.get(
        "agendaSaver.php",
        {month: thisMonth,
        year: thisYear},
        processXML,
        "xml"
    );
}

function processXML(xml) {      
$("agenda afspraak", xml).each(function() {     

    var dag = $(this).find("dag").text(); 
    var maand = $(this).find("maand").text();       
    var jaar = $(this).find("jaar").text();
    var onderwerp = $(this).find("onderwerp").text();
    var tijd = $(this).find("tijd").text();
    var beschrijving = $(this).find("beschrijving").text();

    if((maand == today.getMonth()+1) && (jaar == today.getFullYear())) {

        $("#day"+dag).append('<div class="afspraak">'+onderwerp+'</div> <p class="beschrijving"><strong>'+tijd+' '+onderwerp+'</strong><br/>'+beschrijving+'</p>');
    }
});
}

这部分有效。该脚本会将第四个事件(“afspraak”)加载到议程中,并在 2012 年 3 月 25 日显示它。但是该事件在每个月的第 25 天加载。前三个事件根本没有加载..

有什么帮助吗?提前致谢。

最佳答案

乍一看,您的 processXML() 函数似乎没问题。那么,agendaSaver.php返回的xml会不会只包含第四个事件呢?通过将 alert(xml) 放在 processXML() 的第一行来对此进行测试。

关于javascript - 将事件加载到日历中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9851770/

相关文章:

javascript - AngularJS ng-repeat-start ng-repeat-end with table 和 rowspan

javascript - 为什么即使在 Internet Explorer 中返回 null,jquery beforeunload 也会显示一条消息

javascript - 如果另一个按钮打开,如何使一个按钮不可点击?

javascript - 修改现有代码以接受多个参数

java - 包含一个包含 JSP 的页面并加载各种 CSS 文件

javascript - 按子数组项中的值对数组进行排序

html - 将第二个导航栏放在第一个导航栏下方

javascript - 如何使用 href 函数将光标移动到页面的特定部分

javascript - 这个变量不应该默认为 "top-level"吗?

javascript - VueJS 2 : Modify select options by other select elements