Ajax技術制作在線歌詞搜索功能_第1頁
Ajax技術制作在線歌詞搜索功能_第2頁
Ajax技術制作在線歌詞搜索功能_第3頁
全文預覽已結束

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

1、廢話不說，直接代碼，學習過Ajax的都應該能看懂的。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>無標題文檔</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ā)送請求的函數(shù)26 http_request = false;27 /開始初始化XMLHttpRequest對象28 if(window.XMLHttpRequest) /Mozilla 瀏覽器29 http_request = new XML

4、HttpRequest();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("Micros

5、oft.XMLHTTP");40 catch (e) 41 42 43 if (!http_request) / 異常，創(chuàng)建對象實例失敗44 window.alert("不能創(chuàng)建XMLHttpRequest對象實例.");45 return false;46 47 http_request.onreadystatechange = processRequest;48 / 確定發(fā)送請求的方式和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) / 判斷對象狀態(tài)55 if (http_request.status = 200) / 信息已經(jīng)成功返回，開始處理信息56 /alert(http_request.responseText);57 document.getElementById("result").innerHTML = http_request.responseText;58 else /頁面不正常59 alert("您所請求的

7、頁面有異常。");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_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">十萬歌詞在線免費查詢</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="查詢歌詞&q

溫馨提示

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

評論

0/150

提交評論