使用路径JSON返回项目描述

时间:2013-08-11 13:41:52

标签: javascript jquery json

我想在标签<p>中显示菜单中所选项目的描述,但我回复了所有html的错误。任何人都知道我应该使用什么财产?

路径json是: data.query.results.channel.item.description

的javascript:

$.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20xml%20where%20url%3D'http%3A%2F%2Frss.cnn.com%2Fservices%2Fpodcasting%2Fac360%2Frss.xml'%20AND%20itemPath%3D%22%2F%2Fchannel%22&format=json&diagnostics=true&callback=?", function (data) {

    // Load Titles patch Json
    console.log(data.query.results.channel.item);
    var titles = data.query.results.channel.item.map(function(item) {
    return item.title;

    });
    var urls = data.query.results.channel.item.map(function(item) {
        return item.origLink;

    });

    var descri = data.query.results.channel.item.map(function(item) {
        return item.description;

    });

     $(".description-podcast p").text(descri);

    console.log(titles);
    $(".container-list-podcast ul").append('<li>' + titles.join('</li><li>'));
    $(".container-list-podcast ul li").each(function(key, value){
        var text = $(this).text();
        $(this).html('<a href="' + urls[key] + '">' + text + '</a>');
    });
    // Load Navigation Only Key
        a=$('.nav_holder li a').keynav(function() {
            return window.keyNavigationDisabled;
        });
});

jsfiddle

3 个答案:

答案 0 :(得分:0)

         $(".description-podcast p").html(descri);

http://jsfiddle.net/Cf5QU/8/

每个

的说明
    var i=0;
    $("a").each(function(){if($(this).css("background")=="blue")i=$(this).index();});

    $(".description-podcast p").html(descri[i]);

http://jsfiddle.net/Cf5QU/9/

答案 1 :(得分:0)

这可能是因为服务器错误(HTTP代码!= 200)而发生的。

您可能想要:

$.getJSON( 
   "[your code]"
).error(function(e, xhr, settings) {
    console.log(e, xhr, settings);
});

答案 2 :(得分:0)

$(".description-podcast p").text(descri);更改为$(".description-podcast p").html(descri);

.text方法会转义任何html字符,但.html不会。