ajax技术制作得在线歌词搜索功能

困难是动摇者和懦夫掉队回头的便桥;但也是勇敢者前进的脚踏石。我不识何谓君子,但看每事肯吃亏者便是;我不识何谓小人,但看每事好占便宜者便是。

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<title>无标题文档</title>
</head>
<body>
<styletype="text/css">
<!--
body{
background-color:#FFFFFF;
font-size:85%;
font-family:Verdana;
margin-top:10px;
margin-left:10px;
}
a:link{color:#3737c8}
a:active{color:#f00;}
a:visited{color:#639;}
-->
</style>
<scriptlanguage="javascript">
varhttp_request=false;
functionsend_request(url){//初始化、指定处理函数、发送请求的函数
http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){//Mozilla浏览器
http_request=newXMLHttpRequest();
if(http_request.overrideMimeType){//设置MiME类别
http_request.overrideMimeType('text/xml');
}
}
elseif(window.ActiveXObject){//IE浏览器
try{
http_request=newActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
http_request=newActiveXObject("Microsoft.XMLHTTP");
}catch(e){}
}
}
if(!http_request){//异常,创建对象实例失败
window.alert("不能创建XMLHttpRequest对象实例.");
returnfalse;
}
http_request.onreadystatechange=processRequest;
//确定发送请求的方式和URL以及是否同步执行下段代码
http_request.open("GET",url,true);
http_request.send(null);
}
//处理返回信息的函数
functionprocessRequest(){
if(http_request.readyState==4){//判断对象状态
if(http_request.status==200){//信息已经成功返回,开始处理信息
//alert(http_request.responseText);
document.getElementById("result").innerHTML=http_request.responseText;
}else{//页面不正常
alert("您所请求的页面有异常。");
}
}
}
functiondosearch(){
varf=document.form1;
vargeci=f.geci.value;
if(geci==""){
window.alert("请输入你要查询的歌词");
f.geci.focus();
returnfalse;
}
else{
document.getElementById("result").innerHTML="正在查询,请稍候";
send_request('http://www.efish.cn/getgeci.aspx?m='+escape(geci));
}
}
functionsubmitForm(){
if(window.event.keyCode==13){
dosearch();
}
}
</script>
<p></p><p></p>
<formid="form1"name="form1"method="post"action="">
<center><spanstyle="font-size:18px;color:#FF0000">十万歌词在线免费查询</span></center>
<p></p>
请输入歌曲名:
<inputname="geci"type="text"id="geci"value="东风破"size="60"height="30"maxlength="50"onKeyDown="submitForm()"/>
<inputtype="button"name="search"value="查询歌词"onClick="dosearch()"><br/>
<spanid="result"></span>
</form>
</body>
</html>

到此这篇关于ajax技术制作得在线歌词搜索功能就介绍到这了。人生之路上,永远没有后悔药可以买。我们无法回到过去,那就更加应该把握住现在,而不让将来的我们为现在而后悔。更多相关ajax技术制作得在线歌词搜索功能内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
Ajax实现搜索功能的分页

Ajax实现智能提示搜索功能

微信小程序城市选择及搜索功能的方法

微信小程序搜索功能(附:小程序前端+PHP后端)

微信小程序首页的分类功能和搜索功能的实现思路及代码详解