ajax技术制作得在线歌词搜索功能
ajax技术制作得在线歌词搜索功能
发布时间:2016-12-29 来源:查字典编辑
摘要:复制代码代码如下:无标题文档varhttp_request=false;functionsend_request(url){//初始化、指定...

复制代码 代码如下:

<!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相关学习
热门AJAX相关学习
编程开发子分类