复制代码 代码如下:
<!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">
<>
</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技术制作得在线歌词搜索功能】相关文章：