簡體   English   中英

Phonegap RSS feed,Javascript

[英]Phonegap RSS feeds, Javascript

我需要用AJAX編寫一個PhoneGap應用程序(使用HTML5和JS,我不需要與IE兼容),以便它讀取RSS提要並從中查找一些特定信息。 我遇到的問題是我沒有最好的方式來做RSS源,而jQuery不能做XML。 有什么建議么?

我剛剛創建了一個使用jFeed解析外部RSS提要的phonegap應用程序。 我給你舉個例子:

首先,我在index.html文件中包含以下Java腳本:

<head>
    ...
    <script type="text/javascript" src="phonegap-1.0.0.js"></script>
    <script type="text/javascript" src="jquery/jquery-1.6.4.js"></script>
    <script type="text/javascript" src="jquery.mobile/jquery.mobile-1.0b3.min.js"></script>
    <script type="text/javascript" src="jquery.jfeed/dist/jquery.jfeed.js"></script>
    <script type="text/javascript" src="scripts/my.js"></script>
    ...
</head>

然后,在my.js我使用以下內容:

parseFeed();

function parseFeed() {
$.getFeed({
    url: 'http://someUrl.com',
    dataType: "xml",
    success: function(feed) {

    $('#feedresult').empty();

    var html = '<ul data-role="listview">';

    for(var i = 0; i < feed.items.length; i++) {

        var item = feed.items[i];

        html += '<li>'
        + '<a href="#article?id='
        + i
        + '">'
        + item.title
        + '</a>'
        + '</li>';
    }

    html = html + '</ul>';

    $('#feedresult').append(html);
    $('#main').page('destroy').page();

    }});
};

然后代碼在我的#feedresult div中創建一個listview(jQuery mobile),其中每個條目代表一個feed項。 由於phonegap使用某種類型的網頁視圖,使用file:///協議( http://groups.google.com/group/phonegap/browse_thread/thread/b60bda03bac6e9eb )加載所有內容,因此在執行跨域時沒有任何問題來自phonegap的XMLHttpRequest。

這個問題很老,但在2014年可以幫助解決它;-)。

我測試了許多jQuery插件以包含一個RSS閱讀器,但是唯一一個像1mn中的魅力這樣的工作是zrssfeed

只需在標題中添加調用(在調用jquery和jquery mobile之后):

<script type="text/javascript" src="jquery.zrssfeed.min.js"></script>

在開始之后,jquery調用如下:

<script type="text/javascript">
    $(document).ready(function () {
        $('#feedresult').rssfeed('http://my.wordpress.website.com/feed/', {
            limit: 5
        });
    });
</script>

我希望這有幫助,邁克

你的意思是jQuery不能做XML。 jQuery是JavaScript,jQuery在執行Ajax調用時使用XMLHttpRequest 請參閱名稱XML* 請參閱: http//api.jquery.com/jQuery.ajax/ dataType參數。 您可以將xml傳遞給它。 之后,您將獲得所有dom對象方法的dom對象。

您可以將事件用作jQuery選擇器的第二個參數:

jQuery.get(url, {}, function (data) {
    var entries = $("entry", data);
    doSomething(entries);
}, 'xml');

一種選擇是使用RSS-to-JSON管道,如下所示: http//pipes.yahoo.com/pipes/pipe.info?_id = 2FV68p9G3BGVbc7IdLq02Q

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM