Ajax編程技術(shù)

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

論文簡(jiǎn)介

2008年12胃電腦學(xué)習第6期A(yíng)jax編程技術(shù)谷洪彬*摘要: 通過(guò)一個(gè)簡(jiǎn)單的與服務(wù)器時(shí)間同步的例子說(shuō)明J如何用Ajax開(kāi)發(fā)WEB應用程序。關(guān)鍵詞: Ajax WEB 應用程序用戶(hù)友好界面交互性中圖分類(lèi)號: TP311.1 文獻標識碼: B文章編號 : 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 )建標準的HTML表單<body>個(gè)新的XMLHtpRequest對象。每當失做一個(gè)標準的HTML表單不需要在文本編輯器中拷貝或輸入以上敗的時(shí)候將會(huì )得到一個(gè)錯誤，接著(zhù)將“提交"按鈕.這個(gè)表單在后面將加入捕捉(ceatch) 到這個(gè)錯誤然后嘗試Ajax功能，但現在只做一個(gè)有幾個(gè)輸代碼，然后保存此文件為order.html.(try)下- 一個(gè)不同的命令:如果嘗試入框的基本的HTML表單。為了讓2創(chuàng )建XMLHtp Request 對象(tuy)成功,那么捕捉(catch)代碼將Ajax容易理解，只創(chuàng )建- 一個(gè)有兩個(gè)文不僅要創(chuàng )建關(guān)鍵的XMLHtpRe-不會(huì )運行。本框name和time的HTML表單。quest對象，而且要解決不同瀏覽器:下面是包含以上嘗試和捕捉的創(chuàng )name文本框將由用戶(hù)輸入,time文本Intemet Exlorer.Opera.Pirefox 和Sa-建XMLHtpRequest對象的完整代碼框將用Ajax來(lái)填充。頁(yè)面文件order.fari在創(chuàng )建XMLHupRequest對象時(shí)的(HTML和JavaScript) :huml的HTML代碼:不同方式。為了創(chuàng )建這個(gè)Ajax對象，需要使用“ry and calch" 的特殊編程技術(shù)。姓名: 嘗試(try)三種不同的方式來(lái)創(chuàng )建一ry{(4)用鼠標選中播放界面,然后單擊鼠標右鍵,從彈出+ 字線(xiàn)狀，按住左鍵在工作區中拖拉出-一個(gè)合適大小的矩的快捷菜單中選擇“屬性”命令,打開(kāi)媒體播放界面的“屬形框;性”窗口;(3)右擊上述矩形框,在隨后彈出的快捷菜單中,選(5)在“屬性"窗口中,在”URL"后面的文本框中正“屬性”選項,打開(kāi)“屬性”對話(huà)框，在“Movie"選項后面的確輸入需要插入到幻燈片中的視頻文件的詳細路徑及文件文本框中輸入需要插入的Flash動(dòng)畫(huà)文件名(* .SWF格式.名這樣在打開(kāi)幻燈片時(shí),就能通過(guò)"播放"控制按鈕來(lái)播的文件)及完整路徑,然后關(guān)閉“屬性"窗口.放指定的視頻了;這樣在放映幻燈片的時(shí)候，動(dòng)畫(huà)就會(huì )自動(dòng)播放了.(6)在播放的過(guò)程中,可以通過(guò)媒體播放器中的“播為便于移動(dòng)演示文稿，最好將聲音文件、視頻文件、放”、“停止”、“暫?！焙汀罢{節音量”等按鈕對視頻進(jìn)行Flash 動(dòng)畫(huà)文件與演示文稿保存在同一文件夾中?？刂?。參考文獻3添加Flash動(dòng)畫(huà)[1]趙瑋. PowerPoint&Authorware課件制作經(jīng)典實(shí)例教程.操作步驟如下:西安:電子科技大學(xué)出版社,2003.(1)執行“視圖V工具欄/控件工具箱”命令,顯示"[2]李輝場(chǎng)凼君宏側學(xué)B03中文版.北京:控件工具箱"工具欄;中國煤化工(2)單擊工具欄上的“其它挖件”按鈕,在彈出的下拉[3]韓YHC N M H G民郵電出版社,20-列表中，選“Shockwave Flash 0bject" ,這時(shí)鼠標變成了細05.收稿日期: 208-0-14.谷洪彬遼寧盤(pán)錦職業(yè)技術(shù)學(xué)院信息系講師(盤(pán)錦124000 .ajaxReoquest = new XMLHtpRequet();完成,可以得到數據了。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");對于簡(jiǎn)單的Ajax應用程序，可以ActiveXObject ("Msxml2.XMLHTTP");] catch (e){用reeponseText屬性來(lái)讀取服務(wù)器的) cach (e) (alent (“惻覽器不支持此頁(yè)面!"); .反應。用一小段JavaScript和HTM表t單代碼可以改變文本框的值，使其等于sjauRequet = new ActiveXObjet (Mi-responseText需要改變的HTML輸入croftXMLHTP");} catch (e){框是"time"文本框。通過(guò)JavsS-alert ("你的瀏覽器版本太低");cript讀取輸入框的值:retum falbe;document.FormnName.InputName.value 要寫(xiě)一個(gè)函數來(lái)接收數據。這個(gè)函數將(2)使用send函數送出請求。被用來(lái)捕捉從服務(wù)器返回的數據.假定HTML和服務(wù)器端腳本在同姓名: 叫做onreadystatechange. 這個(gè)on-ajaxRequstopen ("GET", 'serveTime.php",時(shí)間: readystatechange屬性存儲將處理從服務(wù)器過(guò)來(lái)的反應的函數.下面代碼定義用send方法發(fā)送請求到服務(wù)器: 欧美AAAAAA级午夜福利_国产福利写真片视频在线_91香蕉国产观看免费人人_莉莉精品国产免费手机影院

了一個(gè)空函數,同時(shí)設置oneadystate -ejexRequest.send (null);使用onChange屬性，當用戶(hù)在"5顯示服務(wù)器時(shí)間change屬性。JavaSeript 代碼:usermame"輸入框做出任何改變時(shí),則函XMLTtpRequest屬性responseTextgjurRequestoneadytatechenge = function將存儲PHP腳本顯示到瀏覽器上,用數被調用:處理、被下載或者完成。每次readyState件"order.html"的代碼如下:調試以上程序，在姓名輸入框內輸屬性改變,onedytatechange函數被執中國煤化工面不刷新就能顯示服行.加一個(gè)i語(yǔ)句來(lái)檢查反應是否完<script language =' javescrip".MYHCNMHG成。readyState 屬性為“4”時(shí)表示反應●49.

論文截圖