软件开发培训班 >> 编程开发 >> JavaScript

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

<!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>待选："+n+"</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>

技术文章快速查找

用jquery实现自定义风格的滑动条实现代码

Prototype Template对象学习

JavaScript面向对象设计二构造函数模式

ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建