源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2021-06-17 07:25 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:ajax技术制作得在线歌词搜索功能
[u]复制代码[/u] 代码如下:
<!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> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> </head> <body> <style type="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> <script language="javascript">     var http_request = false;    function send_request(url) {//初始化、指定处理函数、发送请求的函数        http_request = false;       //开始初始化XMLHttpRequest对象        if(window.XMLHttpRequest) { //Mozilla 浏览器            http_request = new XMLHttpRequest();            if (http_request.overrideMimeType) {//设置MiME类别              http_request.overrideMimeType('text/xml');          }        }       else if (window.ActiveXObject) { // IE浏览器             try {                http_request = new ActiveXObject("Msxml2.XMLHTTP");            } catch (e) {                 try {                   http_request = new ActiveXObject("Microsoft.XMLHTTP");                 } catch (e) {}             }        }         if (!http_request) { // 异常,创建对象实例失败            window.alert("不能创建XMLHttpRequest对象实例.");             return false;         }         http_request.onreadystatechange = processRequest;         // 确定发送请求的方式和URL以及是否同步执行下段代码        http_request.open("GET", url, true);        http_request.send(null);     }    // 处理返回信息的函数     function processRequest() {         if (http_request.readyState == 4) { // 判断对象状态            if (http_request.status == 200) { // 信息已经成功返回,开始处理信息                //alert(http_request.responseText);                document.getElementById("result").innerHTML = http_request.responseText;            } else { //页面不正常                alert("您所请求的页面有异常。");             }        }     }    function dosearch() {         var f = document.form1;        var geci = f.geci.value;        if(geci=="") {            window.alert("请输入你要查询的歌词");            f.geci.focus();            return false;        }         else {            document.getElementById("result").innerHTML="正在查询,请稍候";             send_request('http://www.efish.cn/getgeci.aspx?m='+escape(geci));         }    }     function submitForm() {         if(window.event.keyCode==13) {             dosearch();        }     }  </script> <p></p><p></p> <form id="form1" name="form1" method="post" action=""> <center><span style="font-size:18px; color:#FF0000">十万歌词在线免费查询</span></center> <p></p>  请输入歌曲名:   <input name="geci" type="text" id="geci" value="东风破" size="60" height="30" maxlength="50" onKeyDown="submitForm()"  />   <input type="button" name="search" value="查询歌词" onClick="dosearch()"><br />   <span id="result"></span> </form> </body> </html>
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部