javascript 根据歌名获取播放地址和歌词内容_javascript技巧-js教程-PHP中文网

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

WBOY

发布： 2016-05-16 18:52:01

原创

1818 人浏览过

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

<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+""; 
                        str=str+ss;     
                    }else{ 
                        if(n == "0"){ 
                            alert("抱歉，搜索不到歌曲！"); 
                            $("#surl").attr("disabled",false); 
                            return; 
                        } 
                    } 
            }); 
            str = str+""; 
            $("#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> 
 
 
<p></p>
<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>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]