javascript 根据歌名获取播放地址和歌词内容

更新时间：2009年06月02日 16:56:11 作者：

在前几天做在线听歌的过程中，碰到了根据歌名获取播放地址和LRC文件内容的问题，今晚花了几个小时把接口整理了一下

给大家吧，做在线听歌时，少不了他们的，由于用到了外部的jquery.js文件，所以运行代码后请重新刷新页面生效！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <HEAD><TITLE>听歌</TITLE> <META http-equiv=Content-Type content="text/html; charset=UTF-8"> <script type="text/javascript" src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> <script> $(function(){          $("#surl").bind("click",function(){         $("#surl").attr("disabled",true);         var song = encodeURI($("#kw").val());         song = encodeURI(song);         var str = "<ul>";         $.getJSON("http://www.faqee.com/crm/song?act=songurl&song="+song+"&jsoncallback=?", function(json){             $.each(json,function(i,n){              n = n+"";                     i = i+"";                     if(i!="res"){                         var ss = "<li>待选：<a href=\"#\">"+n+"</a></li>";                         str=str+ss;                         }else{                         if(n == "0"){                             alert("抱歉，搜索不到歌曲！");                             $("#surl").attr("disabled",false);                             return;                         }                     }             });             str = str+"</ul>";             $("#searchsesult").html(str);             $("#surl").attr("disabled",false);         });     });     $("#slrc").bind("click",function(){         $("#slrc").attr("disabled",true);         var song = encodeURI($("#kw").val());         song = encodeURI(song);         var str = "";         $.getJSON("http://www.faqee.com/crm/song?act=songlrc&song="+song+"&jsoncallback=?", function(json){             $.each(json,function(i,n){              n = n+"";                     i = i+"";                     if(i!="res"){                         $("#searchsesult").html(n);                         $("#slrc").attr("disabled",false);                         return;                     }else{                         if(n == "0"){                             alert("抱歉，搜索不到歌词！");                             $("#slrc").attr("disabled",false);                             return;                         }                     }             });                      });     });      }); </script> </head> <body> <p/><p/> <div style="clear:both;text-align:left;margin:0;padding:0;"> 搜索： <input type="text" id="kw" style="width:250px;" value="国家"/>&nbsp;&nbsp; <input type="button" value="搜索歌曲地址" id="surl" />&nbsp;&nbsp; <input type="button" value="搜索LRC歌词" id="slrc" /> <div id="searchsesult"></div> </div> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

javascript图片切换综合实例（循环切换、顺序切换）
这篇文章主要介绍了javascript图片切换综合实例，包括javascript图片循环切换、javascript图片顺序切换，两张图片的切换，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-01-01
自动生成文章摘要[JavaScript 版本]
这篇文章主要介绍了自动生成文章摘要[JavaScript 版本]
2006-12-12
JS技巧动手实现红包兔子雨效果示例详解
这篇文章主要为大家介绍了JS技巧动手实现红包兔子雨效果示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2023-01-01
JavaScript实现预览本地上传图片功能完整示例
这篇文章主要介绍了JavaScript实现预览本地上传图片功能,结合完整实例形式分析了javascript图片预览相关的格式正则验证、浏览器判断、页面元素属性动态操作相关实现技巧,需要的朋友可以参考下
2019-03-03
判断是否是IE6版本并给出提示升级浏览器
一个与浏览器有关的脚本，也是大家从事WEb前端编程常见的编程技巧，就是判断浏览器的版本，如果发现版本不符合你的设计要求，就给出提示升级浏览器，这样你的网页会更有体验。
2010-06-06
bootstrap多种样式进度条展示
这篇文章主要为大家展示了bootstrap多种样式进度条，默认进度条、条纹进度条等，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-12-12
js学习总结_选项卡封装(实例讲解)
下面小编就为大家带来一篇js学习总结_选项卡封装(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-07-07
JavaScript实现获得所有兄弟节点的方法
这篇文章主要介绍了JavaScript实现获得所有兄弟节点的方法,实例分析了javascript节点遍历的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-07-07
细说webpack源码之compile流程-rules参数处理技巧(1)
webpack作为一种流行的打包工具被广泛应用在web项目的前端工程化构建中。下面通过本文给大家介绍webpack源码之compile流程-rules参数处理技巧，感兴趣的朋友一起看看吧
2017-12-12
判断用户是否在线的代码
判断用户是否在线的代码，需要的朋友可以参考下。
2011-03-03