Ajax技術(shù)制作在線歌詞搜索功能_第1頁(yè)
Ajax技術(shù)制作在線歌詞搜索功能_第2頁(yè)
Ajax技術(shù)制作在線歌詞搜索功能_第3頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

1、廢話不說(shuō)，直接代碼，學(xué)習(xí)過(guò)Ajax的都應(yīng)該能看懂的。1<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<html xmlns="/1999/xhtml">3<head>4<meta http-equiv="Content-Type" content=&quo

2、t;text/html; charset=gb2312" />5<title>無(wú)標(biāo)題文檔</title>6</head>78<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;1718a:linkcolor:#3737c819a:activ

3、e color: #f00;20a:visited color:#639;21->22</style>23<script language="javascript">24 var http_request = false;25 function send_request(url) /初始化、指定處理函數(shù)、發(fā)送請(qǐng)求的函數(shù)26 http_request = false;27 /開(kāi)始初始化XMLHttpRequest對(duì)象28 if(window.XMLHttpRequest) /Mozilla 瀏覽器29 http_request = new XML

4、HttpRequest();30 if (http_request.overrideMimeType) /設(shè)置MiME類(lèi)別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("Micros

5、oft.XMLHTTP");40 catch (e) 41 42 43 if (!http_request) / 異常，創(chuàng)建對(duì)象實(shí)例失敗44 window.alert("不能創(chuàng)建XMLHttpRequest對(duì)象實(shí)例.");45 return false;46 47 http_request.onreadystatechange = processRequest;48 / 確定發(fā)送請(qǐng)求的方式和URL以及是否同步執(zhí)行下段代碼49 http_request.open("GET", url, true);50 http_request.send(nul

6、l);51 52 / 處理返回信息的函數(shù)53 function processRequest() 54 if (http_request.readyState = 4) / 判斷對(duì)象狀態(tài)55 if (http_request.status = 200) / 信息已經(jīng)成功返回，開(kāi)始處理信息56 /alert(http_request.responseText);57 document.getElementById("result").innerHTML = http_request.responseText;58 else /頁(yè)面不正常59 alert("您所請(qǐng)求的

7、頁(yè)面有異常。");60 61 62 63 function dosearch() 64 var f = document.form1;65 var geci = f.geci.value;66 if(geci="") 67 window.alert("請(qǐng)輸入你要查詢(xún)的歌詞");68 f.geci.focus();69 return false;70 71 else 72 document.getElementById("result").innerHTML="正在查詢(xún)，請(qǐng)稍候"73 send_reques

8、t('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;

9、 color:#FF0000">十萬(wàn)歌詞在線免費(fèi)查詢(xún)</span></center>85<p></p>86 請(qǐng)輸入歌曲名：87 <input name="geci" type="text" id="geci" value="東風(fēng)破" size="60" height="30" maxlength="50" onKeyDown="submitForm()" />88 <input type="button" name="search" value="查詢(xún)歌詞&q

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論