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

时间:2021-05-28

复制代码 代码如下:
<!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>

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章