Javascript iTunesAPI与JQuery的配合使用_Javascript_Jquery_Api_Itunes_Itunes Store

Javascript iTunesAPI与JQuery的配合使用

javascript jquery api

Javascript iTunesAPI与JQuery的配合使用,javascript,jquery,api,itunes,itunes-store,Javascript,Jquery,Api,Itunes,Itunes Store,我使用的代码如下：根据关键字从Itunes中提取歌曲，但是我只想在页面加载时提取歌曲而不必使用搜索框，假设我的关键字是“搜索关键字”，我想在页面加载或刷新时立即显示歌曲而不使用搜索框，下面是代码： <html> <head> <title>iTunes - Music Search in javascript</title> <script type="text/javascript" src="htt

我使用的代码如下：根据关键字从Itunes中提取歌曲，但是我只想在页面加载时提取歌曲而不必使用搜索框，假设我的关键字是“搜索关键字”，我想在页面加载或刷新时立即显示歌曲而不使用搜索框，下面是代码：

<html>
    <head>
        <title>iTunes - Music Search in javascript</title>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 

        <style type="text/css">
        .songs-search-result {
            border: 1px solid Gray;
            margin-bottom: 5px;
            padding: 5px;
        }

        .songs-search-result  .label{
            display: inline-block;
            width: 200px;
        }
        </style>

        <script type="text/javascript">
            function urlEncode(obj) {
                var s = '';
                for (var key in obj) {
                    s += encodeURIComponent(key) + '=' + encodeURIComponent(obj[key]) + '&';
                }
                if (s.length > 0) {
                    s = s.substr(0, s.length - 1);
                }

                return (s);
            }

            function performSearch() {
                var params = {
                    term: encodeURIComponent(jQuery('#search-keyword').val()),
                    country: 'US',
                    media: 'music',
                    entity: 'musicTrack',
                    //attribute: 'artistTerm,albumTerm,songTerm,musicTrackTerm',
                    limit: 20,
                    callback: 'handleTunesSearchResults'
                };
                var params = urlEncode(params);

                var url = 'http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/wa/wsSearch?' + params;
                var html = '<script src="' + url + '"><\/script>';
                jQuery('head').append(html);
            }

            function handleTunesSearchResults(arg) {
                var results = arg.results;
                var html = '';
                for (var i = 0; i < results.length; i++) {
                    var item = results[i];
                    var obj = {
                        source: 0,
                        track_id: item.trackId,
                        track_name: item.trackCensoredName,
                        track_url: item.trackViewUrl,
                        artist_name: item.artistName,
                        artist_url: item.artistViewUrl,
                        collection_name: item.collectionCensoredName,
                        collection_url: item.collectionViewUrl,
                        genre: item.primaryGenreName
                    };
                    results[i] = obj;

                    html += '<div class="songs-search-result">';

                    html += '<span class="label">Track:</span>{0}&nbsp;&nbsp;'.replace("{0}", obj.track_name);
                    html += '<a href="{0}" target="_blank">Preview</a>&nbsp;&nbsp;'.replace("{0}", item.previewUrl);
                    html += '<a href="{0}" target="_blank">Full Song</a>&nbsp;&nbsp;'.replace("{0}", obj.track_url);
                    html += '<span class="label">Track Price:</span>{0} {1}<br />'.replace("{0}", item.trackPrice).replace("{1}", item.currency);
                    html += '<span class="label">Artist:</span><a href="{0}" target="_blank">{1}</a><br />'.replace("{0}", obj.artist_url).replace("{1}", obj.artist_name);
                    html += '<span class="label">Collection:</span><a href="{0}" target="_blank">{1}</a><br />'.replace("{0}", obj.collection_url).replace("{1}", obj.collection_name);
                    html += '<span class="label">Collection Price:</span>{0} {1}<br />'.replace("{0}", item.collectionPrice).replace("{1}", item.currency);
                    html += '<span class="label">Primary Genre:</span>{0}<br />'.replace("{0}", obj.genre);

                    html += '</div>';
                }
                jQuery('#itunes-results').html(html);
            }       
        </script>
    </head>

    <body>
        Please enter a search term below (e.g. Michael):<br />
        <input type="text" id="search-keyword" title="Enter Search Keyword" />
        <br />
        <input type="button" value="Perform iTunes Search" onclick="performSearch();" />

        <div id="itunes-results">
        </div>
    </body>
</html>


iTunes-javascript中的音乐搜索
.歌曲搜索结果{
边框：1px纯色灰色；
边缘底部：5px；
填充物：5px；
}
.歌曲搜索结果.标签{
显示：内联块；
宽度：200px；
}
函数urlEncode（obj）{
var s=''；
for（obj中的var键）{
s+=encodeURIComponent（键）+'='+encodeURIComponent（obj[key]）+'&'；
}
如果（s.长度>0）{
s=s.substr（0，s.length-1）；
}
申报表；
}
函数performSearch（）{
变量参数={
术语：encodeURIComponent（jQuery（“#搜索关键字”）.val（），
国家:"美国",，
媒体:"音乐",，
实体：“musicTrack”，
//属性：'artistTerm、albumTerm、songTerm、musicTrackTerm'，
限额：20，
回调：“handleTunesSearchResults”
};
var params=urlEncode（params）；
var url='1〕http://ax.itunes.apple.com/WebObjects/MZStoreServices.woa/wa/wsSearch?“+参数；
var html=''；
jQuery（'head'）.append（html）；
}
函数handleTunesSearchResults（arg）{
var结果=arg.results；
var html=''；
对于（var i=0；i