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

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript 根据歌名获取播放地址和歌词内容

Javascript: 文档对象模型(DOM)的技巧和诀窍; Javascript在IE与firefox中表现的异同; 文档对象模型(DOM)的基本方法; javaScript DOM方法与属性摘要; Javascript的一些属性讲解; JavaScript代码规范; IE和Firefox的兼容性问题; innerHTML,outerHTML,innerText,outerText; FireFox支持innerText; JavaScript Dom编程:介绍学习书籍; JavaScript教程:关于时间格式转换; JavaScript教程:判断日期正确与否的函数; 解决JS脚本兼容的几个小技巧; 使用createElement动态创建HTML对象; Javascript事件处理代码的三种写法; Javascript教程:展示风格的价值; Javascript在IE和FF里的兼容问题; JavaScript扩展:正则像函数一样调用; 初学Ajax须注意的几个问题; 学习JavaScript的事件

No. « ‹ 162 163 164 165 › »

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 357 ::

收藏到网摘: n/a

几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf() js在Firefox与IE中对DOM对像的引用的比较

在前几天做在线听歌的过程中，碰到了根据歌名获取播放地址和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.ruanchen.com/"></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="国家"/>
<input type="button" value="搜索歌曲地址" id="surl" />
<input type="button" value="搜索LRC歌词" id="slrc" />
<div id="searchsesult"></div>
</div>
</body>
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

几个常用的JavaScript字符串处理函数 - split()、join()、substring()和indexOf() js在Firefox与IE中对DOM对像的引用的比较

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

评论 (0) All