Itunes上的未定义值搜索Api

时间:2012-02-14 15:29:04

标签: json itunes

我有这个HTML和Js,最好的结果是一个未定义的值。 我想删除那个未定义的值。

我知道这是一个简单的解决方案,但我不能把它弄出来。 我请求帮助.. 谢谢。

自定义。 JS

$(function(){
  $.ajax({
         url: "--URL--",
         dataType: 'jsonp',
         success: function(json_results){
         console.log(json_results);

         $('#twitList').append('<ul data-role="listview"></ul>');
         listItems = $('#twitList').find('ul');
         $.each(json_results.results, function(key) {
                html = '<img src="'+json_results.results[key].artworkUrl60+'"/>';
                html += '<h3><a href="#">'+json_results.results[key].collectionName+'</a></h3>';
                html += '<p>From: '+json_results.results[key].artistName+'</p>';
                html += '<p>Created: '+json_results.results[key].releaseDate+'</p>';
                listItems.append('<li>'+html+'</li>');
                });
         // Need to refresh list after AJAX call
         $('#twitList ul').listview();
         }
         });
  })

HTML

    <title>Itunes</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.css" />
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
    <script src="custom.js"></script>
    <script type="text/javascript" charset="utf-8" src="phonegap-1.4.1.js"></script>

    <script type="text/javascript" src="http://code.jquery.com/mobile/1.0a3/jquery.mobile-1.0a3.min.js"></script>
</head>
<body> 

    <div data-role="page">

        <div data-role="header">
            <h1>Itunes</h1>
        </div><!-- /header -->

        <div data-role="content">

            <div id="twitList"></div>


        </div><!-- /content -->

    </div><!-- /page -->

</body>

2 个答案:

答案 0 :(得分:0)

修改

$(function(){
     $.ajax({
         url: "--URL--",
         dataType: 'jsonp',
         success: function(json_results){
         console.log(json_results);

         $('#twitList').append('<ul data-role="listview"></ul>');
         listItems = $('#twitList').find('ul');

         $.each(json_results.results, function(key) {

            // edit
            var data = json_results.results[key],
                artworkUrl60 = data.artworkUrl60 || '',
                collectionName = data.collectionName || '',
                artistName = data.artistName || '',
                releaseDate = data.releaseData || '';

            html = '<img src="' + artworkUrl60 + '"/>';
            html += '<h3><a href="#">' + collectionName + '</a></h3>';
            html += '<p>From: ' + artistName + '</p>';
            html += '<p>Created: ' + releaseDate + '</p>';
            listItems.append('<li>' + html + '</li>');
         });

         // Need to refresh list after AJAX call
         $('#twitList ul').listview();
     }
 });

})

答案 1 :(得分:0)

我通过whitelisiting * .phobos.apple.com运行了这个(在第一行修复了未定义的值)。并使用您的确切代码。