Question

我一直在使用以下脚本的变体从我们的日历的XML Feed中提取事件信息并将其显示在html页面中：

$(document).ready(function () {
    $.ajax({
        type: "GET",
        url: "../../../evanced/lib/eventsxml.asp?dm=exml&nd=14&fe=1&alltime=1",
        dataType: "xml",
        success: xmlParserFeatured,
        error: function(){alert("We're sorry. Something didn't load correctly.");}
    });
});
function xmlParserFeatured(xml) {
    $(xml).find("item").each(function () {
        var xml_image           = $(this).find('imagepath').text();
        var xml_imagetext       = $(this).find('imagetext').text();
        var xml_title           = $(this).find('title').text();
        var xml_date            = $(this).find('date').text();
        var xml_time            = $(this).find('time').text();
        var xml_endtime         = $(this).find('endtime').text();
        var xml_location        = $(this).find('location').text();
        var xml_link            = $(this).find('link').text();
        var xml_description     = $(this).find('description').text();
        var xml_signup          = $(this).find('signup').text();
        var xml_eventtype           = $(this).find('prieventtype').text();
        var hasImage            = xml_image != "" && xml_image != "";
        var hasDate             = xml_date != "";
        var noEndTime           = xml_time != "" && xml_endtime == "";
        var hasEndTime          = xml_time != "" && xml_endtime != "";
        var hasLink             = xml_link != "";
        var hasDescription      = xml_description != "";
        var hasLocation         = xml_location != "";
        var hasSignUp           = xml_signup == "1";
        var eventType           = xml_eventtype == "Outreach" || xml_eventtype == "Teen" || xml_eventtype == "Youth";
        var content = ((eventType) ? "<div class='article " + xml_eventtype + "'>" : "<div class='article Adult'>") +
            ((hasImage) ? "<img class='article' src='" + xml_image + "' alt='" + xml_imagetext + "' />" : "")
            + "<p class='article_heading'>" + ((hasLink) ? "<a href='" + xml_link + "'>" + xml_title + "</a></p>" : "<p class='article_heading'>" + xml_title + "</p>") 
            + "<p class='article_subheading'>" + xml_date + ((hasEndTime) ?  " from " + xml_time + " to " + xml_endtime : "") + ((noEndTime) ? " at " + xml_time : "") + ((hasLocation) ? "<br />Location: " + xml_location + "</p>" : "") 
            + ((hasDescription) ? "<p>" + xml_description + "</p>" : "") 
            + ((hasSignUp) ? "<p><a href='" + xml_link + "'>Register Online</a>.</p>" : "") 
            + "<div style='clear: both; height: 1px;'></div></div>";
        $(".event_list").append(content);
});}

我们正在将我们的网站迁移到WordPress，但我还没有能够在任何WP网页上使用它。我的问题是a。）这应该能够在WordPress和b中工作。）是否有另一种/不同的/更好的方法在WordPress中获得相同的结果？我在网上找到的大多数内容都讨论了将XML Feed作为博客文章导入，这不是我正在寻找的东西。

Answer 1

首先，您是否尝试过将XSL转换为HTML格式？

无论如何，它是一个JavaScript解决方案，所以它与Wordpress无关，它是服务器端。

1）你确定Wordpress创建的HTML文档至少有一个带有'event_list'类的元素吗？这似乎不是标准的WP类，也许你忘了它。

2）您是否在移动时更改了网站的域名？由1个域提供的JavaScript有时无法向其他域发送请求。

Answer 2

结束报废，转而采用更简单的解决方案。决定只使用需要填充的节点，而不是使用php解决方案。

<?php
$url = "/evanced/lib/eventsxml.asp?dm=exml&nd=7&fe=1&alltime=1";
$xml = simplexml_load_file($url);

foreach($xml->item as$item)
    {
        echo "<div class='main-cal-event main-cal-event-".$item->prieventtype."'>";
        echo "<p><span class='event-title'><a href='".$item->link."'>".$item->title."</a></span><br />";
        echo "<span class='event-date'>".$item->date." from ".$item->time." to ".$item->endtime."</span><br />";
        echo "<span class='event-desc'>".$item->description."</span></p>";
        echo "<div class='fix'></div>";
        echo "</div>";
    }
?>

使用JQuery / AJAX在WordPress中显示XML内容

2 个答案: