ajax技术制作得在线歌词搜索功能
点击次数：23 次 发布日期：2008-11-26 11:42:04 作者：源代码网
|
源代码网推荐 源代码网推荐 源码下载http://www.efish.cn/ajaxss.rar 源代码网推荐 源代码网推荐 1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 源代码网推荐 2<html xmlns="http://www.w3.org/1999/xhtml"> 源代码网推荐 3<head> 源代码网推荐 4<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 源代码网推荐 5<title>无标题文档</title> 源代码网推荐 6</head> 源代码网推荐 7 源代码网推荐 8<body> 源代码网推荐 9<style type="text/CSS"> 源代码网推荐 10<!-- 源代码网推荐 11body { 源代码网推荐 12background-color: #FFFFFF; 源代码网推荐 13 font-size: 85%; 源代码网推荐 14 font-family: Verdana; 源代码网推荐 15 margin-top : 10px; 源代码网推荐 16 margin-left : 10px; 源代码网推荐 17} 源代码网推荐 18a:link{color:#3737c8} 源代码网推荐 19a:active {color: #f00;} 源代码网推荐 20a:visited {color:#639;} 源代码网推荐 21--> 源代码网推荐 22</style> 源代码网推荐 23<script language="javascript"> 源代码网推荐 24 var http_request = false; 源代码网推荐 25 function send_request(url) {//初始化、指定处理函数、发送请求的函数 源代码网推荐 26 http_request = false; 源代码网推荐 27 //开始初始化XMLHttpRequest对象 源代码网推荐 28 if(window.XMLHttpRequest) { //Mozilla 浏览器 源代码网推荐 29 http_request = new XMLHttpRequest(); 源代码网推荐 30 if (http_request.overrideMimeType) {//设置MiME类别 源代码网推荐 31 http_request.overrideMimeType("text/xml"); 源代码网推荐 32 } 源代码网推荐 33 } 源代码网推荐 34 else if (window.ActiveXObject) { // IE浏览器 源代码网推荐 35 try { 源代码网推荐 36 http_request = new ActiveXObject("Msxml2.XMLHTTP"); 源代码网推荐 37 } catch (e) { 源代码网推荐 38 try { 源代码网推荐 39 http_request = new ActiveXObject("Microsoft.XMLHTTP"); 源代码网推荐 40 } catch (e) {} 源代码网推荐 41 } 源代码网推荐 42 } 源代码网推荐 43 if (!http_request) { // 异常，创建对象实例失败 源代码网推荐 44 window.alert("不能创建XMLHttpRequest对象实例."); 源代码网推荐 45 return false; 源代码网推荐 46 } 源代码网推荐 47 http_request.onreadystatechange = processRequest; 源代码网推荐 48 // 确定发送请求的方式和URL以及是否同步执行下段代码 源代码网推荐 49 http_request.open("GET", url, true); 源代码网推荐 50 http_request.send(null); 源代码网推荐 51 } 源代码网推荐 52 // 处理返回信息的函数 源代码网推荐 53 function processRequest() { 源代码网推荐 54 if (http_request.readyState == 4) { // 判断对象状态 源代码网推荐 55 if (http_request.status == 200) { // 信息已经成功返回，开始处理信息 源代码网推荐 56 //alert(http_request.responseText); 源代码网推荐 57 document.getElementById("result").innerHTML = http_request.responseText; 源代码网推荐 58 } else { //页面不正常 源代码网推荐 59 alert("您所请求的页面有异常。"); 源代码网推荐 60 } 源代码网推荐 61 } 源代码网推荐 62 } 源代码网推荐 63 function dosearch() { 源代码网推荐 64 var f = document.form1; 源代码网推荐 65 var geci = f.geci.value; 源代码网推荐 66 if(geci=="") { 源代码网推荐 67 window.alert("请输入你要查询的歌词"); 源代码网推荐 68 f.geci.focus(); 源代码网推荐 69 return false; 源代码网推荐 70 } 源代码网推荐 71 else { 源代码网推荐 72 document.getElementById("result").innerHTML="正在查询，请稍候"; 源代码网推荐 73 send_request("http://www.efish.cn/getgeci.aspx?m="+escape(geci)); 源代码网推荐 74 } 源代码网推荐 75 } 源代码网推荐 76 function submitForm() { 源代码网推荐 77 if(window.event.keyCode==13) { 源代码网推荐 78 dosearch(); 源代码网推荐 79 } 源代码网推荐 80 } 源代码网推荐 81</script> 源代码网推荐 82<p></p><p></p> 源代码网推荐 83<form id="form1" name="form1" method="post" action=""> 源代码网推荐 84<center><span style="font-size:18px; color:#FF0000">十万歌词在线免费查询</span></center> 源代码网推荐 85<p></p> 源代码网推荐 86 请输入歌曲名： 源代码网推荐 87 <input name="geci" type="text" id="geci" value="东风破" size="60" height="30" maxlength="50" onKeyDown="submitForm()" /> 源代码网推荐 88 <input type="button" name="search" value="查询歌词" onClick="dosearch()"><br /> 源代码网推荐 89 <span id="result"></span> 源代码网推荐 90</form> 源代码网推荐 91</body> 源代码网推荐 92</html> 源代码网推荐 源代码网推荐 http://www.cnblogs.com/efish/archive/2006/09/21/510873.html 源代码网推荐 源代码网推荐 做人要厚道，请注明转自酷网动力(www.ASPCOOL.COM)。 源代码网推荐 源代码网供稿. |
