返回带有路径JSON的项目描述

Return the item description with path JSON

本文关键字:项目 描述 JSON 路径 返回      更新时间:2023-09-26

我想在标签<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

         $(".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/

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

你可能想:

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

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

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