Чтение из JSONP - PullRequest
Новая
       3

Чтение из JSONP

0 голосов
/ 13 июня 2011

У меня есть следующий скрипт, который может получить доступ к каналу jsonp и получить от него данные: 

$(document).ready(function() {
    get_jsonp_feed();

    function get_jsonp_feed() {
        $.ajax({
            url: "http://query.yahooapis.com/v1/public/yql?q=%20SELECT%20*%20FROM%20html%20WHERE%20url%3D%22http%3A%2F%2Fnews.bbc.co.uk%2Fweather%2Fforecast%2F4276%3Fsearch%3Dgerrards%2520cross%26itemsPerPage%3D10%26region%3Dworld%26area%3DGerrards%2520Cross%22%20and%20xpath%20%3D%20'%2F%2Ftable%2Ftbody%2Ftr'&format=json&diagnostics=true&callback=cbfunc",
            type: 'GET',
            dataType: 'jsonp',
            jsonp: 'callback',
            jsonpCallback: 'cbfunc',
            error: function(xhr, status, error) {
                alert(xhr.responseText);
            },
            success: function(data) { 
                var itemList = data.query;

                alert(itemList.count);

                /*
                var buildHTML = [];

                for (var i = 0; i < 5; i++) {
                    buildHTML.push('<div class="container"><a href="' + itemList[i].link + '" class="title" target="_blank">' + itemList[i].title + '<br /><span class="dateandtime">' + itemList[i].pubDate + '</span></a></div>');
                }

                $('.portlet-content').empty().append(buildHTML.join('<hr />'))
                */
            }
        });
    }
});

Это дает мне 5, что верно. Теперь я хочу получить данные, которые более встроены в jsonp, но у меня возникли трудности. Например, я хочу получить: 

data.query.results.tr.td.div.abbr.title

Как бы мне получить это?

Вот jsfiddle, возвращающий 5: http://jsfiddle.net/B6hRG/1/

1 Ответ

1 голос
/ 13 июня 2011

Вот некоторый фиксированный код для получения JSONP вместо XML: 

$(document).ready(function() {
    get_jsonp_feed();

    function get_jsonp_feed() {
        $.ajax({
            url: "http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%20%3D%20'http%3A%2F%2Fnews.bbc.co.uk%2Fweather%2Fforecast%2F4276%3F%26search%3Dgerrards%2520cross%26itemsPerPage%3D10%26region%3Dworld%26area%3DGerrards%2520Cross'%20and%20xpath%20%3D%20'%2F%2Ftbody%2Ftr'&format=json&callback=?",
            type: 'GET',
            dataType: 'jsonp',
            error: function(xhr, status, error) {
                alert(xhr.responseText);
            },
            success: function(data) {
                var itemList = data.query;

                alert(itemList.count);

                /*
                var buildHTML = [];

                for (var i = 0; i < 5; i++) {
                    buildHTML.push('<div class="container"><a href="' + itemList[i].link + '" class="title" target="_blank">' + itemList[i].title + '<br /><span class="dateandtime">' + itemList[i].pubDate + '</span></a></div>');
                }

                $('.portlet-content').empty().append(buildHTML.join('<hr />'))
                */
            }
        });
    }
});

Чтобы получить такие данные, как data.query.results.tr.td.div.abbr.title, вам придется либо использовать цикл for для объекта data.query.results.tr.td, а также любые другие с одноуровневыми элементами или использовать XML и получить необработанный HTML-код, поместить его во фрагмент документа и используйте на этом jQuery.

...