Ajax編程技術(shù)

期刊名字：電腦學(xué)習(xí)
文件大?。?12kb
論文作者：谷洪彬
作者單位：遼寧盤錦職業(yè)技術(shù)學(xué)院信息系
更新時(shí)間：2020-10-30
下載次數(shù)：次

論文簡(jiǎn)介

2008年12胃電腦學(xué)習(xí)第6期Ajax編程技術(shù)谷洪彬*摘要: 通過(guò)一個(gè)簡(jiǎn)單的與服務(wù)器時(shí)間同步的例子說(shuō)明J如何用Ajax開(kāi)發(fā)WEB應(yīng)用程序。關(guān)鍵詞: Ajax WEB 應(yīng)用程序用戶友好界面交互性中圖分類號(hào): TP311.1 文獻(xiàn)標(biāo)識(shí)碼: B文章編號(hào) : 1002 -2422( 2008 )06 0048-02Ajax Programming TechniqueGu HongbinAbstract: The peper demonstrates wsing Ajax to develop WEB aplications by an example of time eynchronizaionwith server.Keyword: AjaxWEB ApplicationsClent Interface Internction.1創(chuàng)建標(biāo)準(zhǔn)的HTML表單<body>個(gè)新的XMLHtpRequest對(duì)象。每當(dāng)失做一個(gè)標(biāo)準(zhǔn)的HTML表單不需要在文本編輯器中拷貝或輸入以上敗的時(shí)候?qū)?huì)得到一個(gè)錯(cuò)誤，接著將“提交"按鈕.這個(gè)表單在后面將加入捕捉(ceatch) 到這個(gè)錯(cuò)誤然后嘗試Ajax功能，但現(xiàn)在只做一個(gè)有幾個(gè)輸代碼，然后保存此文件為order.html.(try)下- 一個(gè)不同的命令:如果嘗試入框的基本的HTML表單。為了讓2創(chuàng)建XMLHtp Request 對(duì)象(tuy)成功,那么捕捉(catch)代碼將Ajax容易理解，只創(chuàng)建- 一個(gè)有兩個(gè)文不僅要?jiǎng)?chuàng)建關(guān)鍵的XMLHtpRe-不會(huì)運(yùn)行。本框name和time的HTML表單。quest對(duì)象，而且要解決不同瀏覽器:下面是包含以上嘗試和捕捉的創(chuàng)name文本框?qū)⒂捎脩糨斎?time文本Intemet Exlorer.Opera.Pirefox 和Sa-建XMLHtpRequest對(duì)象的完整代碼框?qū)⒂肁jax來(lái)填充。頁(yè)面文件order.fari在創(chuàng)建XMLHupRequest對(duì)象時(shí)的(HTML和JavaScript) :huml的HTML代碼:不同方式。為了創(chuàng)建這個(gè)Ajax對(duì)象，需要使用“ry and calch" 的特殊編程技術(shù)。姓名: 嘗試(try)三種不同的方式來(lái)創(chuàng)建一ry{(4)用鼠標(biāo)選中播放界面,然后單擊鼠標(biāo)右鍵,從彈出+ 字線狀，按住左鍵在工作區(qū)中拖拉出-一個(gè)合適大小的矩的快捷菜單中選擇“屬性”命令,打開(kāi)媒體播放界面的“屬形框;性”窗口;(3)右擊上述矩形框,在隨后彈出的快捷菜單中,選(5)在“屬性"窗口中,在”URL"后面的文本框中正“屬性”選項(xiàng),打開(kāi)“屬性”對(duì)話框，在“Movie"選項(xiàng)后面的確輸入需要插入到幻燈片中的視頻文件的詳細(xì)路徑及文件文本框中輸入需要插入的Flash動(dòng)畫文件名(* .SWF格式.名這樣在打開(kāi)幻燈片時(shí),就能通過(guò)"播放"控制按鈕來(lái)播的文件)及完整路徑,然后關(guān)閉“屬性"窗口.放指定的視頻了;這樣在放映幻燈片的時(shí)候，動(dòng)畫就會(huì)自動(dòng)播放了.(6)在播放的過(guò)程中,可以通過(guò)媒體播放器中的“播為便于移動(dòng)演示文稿，最好將聲音文件、視頻文件、放”、“停止”、“暫停”和“調(diào)節(jié)音量”等按鈕對(duì)視頻進(jìn)行Flash 動(dòng)畫文件與演示文稿保存在同一文件夾中。控制。參考文獻(xiàn)3添加Flash動(dòng)畫[1]趙瑋. PowerPoint&Authorware課件制作經(jīng)典實(shí)例教程.操作步驟如下:西安:電子科技大學(xué)出版社,2003.(1)執(zhí)行“視圖V工具欄/控件工具箱”命令,顯示"[2]李輝場(chǎng)凼君宏側(cè)學(xué)B03中文版.北京:控件工具箱"工具欄;中國(guó)煤化工(2)單擊工具欄上的“其它挖件”按鈕,在彈出的下拉[3]韓YHC N M H G民郵電出版社,20-列表中，選“Shockwave Flash 0bject" ,這時(shí)鼠標(biāo)變成了細(xì)05.收稿日期: 208-0-14.谷洪彬遼寧盤錦職業(yè)技術(shù)學(xué)院信息系講師(盤錦124000 .ajaxReoquest = new XMLHtpRequet();完成,可以得到數(shù)據(jù)了。jevescripr>} ealch (e){JavaSeript代碼如下:function ujaxFuncion(){tyvar ajaxRequest;gjaxRequet.oreadyotatecbenge = function(){ActiveXObjeca ("Msxml2.XMLHTTP*);sjexRequet = new XMLHtpRequest();ilejaxRaquesreadyState = 4){} calch (e) {. } catch (e){ajarReoquest = ner ActiveXObjet (" Mi-sjarRequest = newcrof,XMLHTP");對(duì)于簡(jiǎn)單的Ajax應(yīng)用程序，可以ActiveXObject ("Msxml2.XMLHTTP");] catch (e){用reeponseText屬性來(lái)讀取服務(wù)器的) cach (e) (alent (“惻覽器不支持此頁(yè)面!"); .反應(yīng)。用一小段JavaScript和HTM表t單代碼可以改變文本框的值，使其等于sjauRequet = new ActiveXObjet (Mi-responseText需要改變的HTML輸入croftXMLHTP");} catch (e){框是"time"文本框。通過(guò)JavsS-alert ("你的瀏覽器版本太低");cript讀取輸入框的值:retum falbe;document.FormnName.InputName.value 要寫一個(gè)函數(shù)來(lái)接收數(shù)據(jù)。這個(gè)函數(shù)將(2)使用send函數(shù)送出請(qǐng)求。被用來(lái)捕捉從服務(wù)器返回的數(shù)據(jù).假定HTML和服務(wù)器端腳本在同姓名: 叫做onreadystatechange. 這個(gè)on-ajaxRequstopen ("GET", 'serveTime.php",時(shí)間: readystatechange屬性存儲(chǔ)將處理從服務(wù)器過(guò)來(lái)的反應(yīng)的函數(shù).下面代碼定義用send方法發(fā)送請(qǐng)求到服務(wù)器:了一個(gè)空函數(shù),同時(shí)設(shè)置oneadystate -ejexRequest.send (null);使用onChange屬性，當(dāng)用戶在"5顯示服務(wù)器時(shí)間change屬性。JavaSeript 代碼:usermame"輸入框做出任何改變時(shí),則函XMLTtpRequest屬性responseTextgjurRequestoneadytatechenge = function將存儲(chǔ)PHP腳本顯示到瀏覽器上,用數(shù)被調(diào)用:處理、被下載或者完成。每次readyState件"order.html"的代碼如下:調(diào)試以上程序，在姓名輸入框內(nèi)輸屬性改變,onedytatechange函數(shù)被執(zhí)中國(guó)煤化工面不刷新就能顯示服行.加一個(gè)i語(yǔ)句來(lái)檢查反應(yīng)是否完<script language =' javescrip".MYHCNMHG成。readyState 屬性為“4”時(shí)表示反應(yīng)●49.

論文截圖