Ajax编程技术

期刊名字：电脑学习
文件大小：312kb
论文作者：谷洪彬
作者单位：辽宁盘锦职业技术学院信息系
更新时间：2020-10-30
下载次数：次

论文简介

2008年12胃电脑学习第6期Ajax编程技术谷洪彬*摘要: 通过一个简单的与服务器时间同步的例子说明J如何用Ajax开发WEB应用程序。关键词: Ajax WEB 应用程序用户友好界面交互性中图分类号: 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创建标准的HTML表单<body>个新的XMLHtpRequest对象。每当失做一个标准的HTML表单不需要在文本编辑器中拷贝或输入以上败的时候将会得到一个错误，接着将“提交"按钮.这个表单在后面将加入捕捉(ceatch) 到这个错误然后尝试Ajax功能，但现在只做一个有几个输代码，然后保存此文件为order.html.(try)下- 一个不同的命令:如果尝试入框的基本的HTML表单。为了让2创建XMLHtp Request 对象(tuy)成功,那么捕捉(catch)代码将Ajax容易理解，只创建- 一个有两个文不仅要创建关键的XMLHtpRe-不会运行。本框name和time的HTML表单。quest对象，而且要解决不同浏览器:下面是包含以上尝试和捕捉的创name文本框将由用户输入,time文本Intemet Exlorer.Opera.Pirefox 和Sa-建XMLHtpRequest对象的完整代码框将用Ajax来填充。页面文件order.fari在创建XMLHupRequest对象时的(HTML和JavaScript) :huml的HTML代码:不同方式。为了创建这个Ajax对象，需要使用“ry and calch" 的特殊编程技术。姓名: 尝试(try)三种不同的方式来创建一ry{(4)用鼠标选中播放界面,然后单击鼠标右键,从弹出+ 字线状，按住左键在工作区中拖拉出-一个合适大小的矩的快捷菜单中选择“属性”命令,打开媒体播放界面的“属形框;性”窗口;(3)右击上述矩形框,在随后弹出的快捷菜单中,选(5)在“属性"窗口中,在”URL"后面的文本框中正“属性”选项,打开“属性”对话框，在“Movie"选项后面的确输入需要插入到幻灯片中的视频文件的详细路径及文件文本框中输入需要插入的Flash动画文件名(* .SWF格式.名这样在打开幻灯片时,就能通过"播放"控制按钮来播的文件)及完整路径,然后关闭“属性"窗口.放指定的视频了;这样在放映幻灯片的时候，动画就会自动播放了.(6)在播放的过程中,可以通过媒体播放器中的“播为便于移动演示文稿，最好将声音文件、视频文件、放”、“停止”、“暂停”和“调节音量”等按钮对视频进行Flash 动画文件与演示文稿保存在同一文件夹中。控制。参考文献3添加Flash动画[1]赵玮. PowerPoint&Authorware课件制作经典实例教程.操作步骤如下:西安:电子科技大学出版社,2003.(1)执行“视图V工具栏/控件工具箱”命令,显示"[2]李辉场凼君宏侧学B03中文版.北京:控件工具箱"工具栏;中国煤化工(2)单击工具栏上的“其它挖件”按钮,在弹出的下拉[3]韩YHC N M H G民邮电出版社,20-列表中，选“Shockwave Flash 0bject" ,这时鼠标变成了细05.收稿日期: 208-0-14.谷洪彬辽宁盘锦职业技术学院信息系讲师(盘锦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");对于简单的Ajax应用程序，可以ActiveXObject ("Msxml2.XMLHTTP");] catch (e){用reeponseText属性来读取服务器的) cach (e) (alent (“恻览器不支持此页面!"); .反应。用一小段JavaScript和HTM表t单代码可以改变文本框的值，使其等于sjauRequet = new ActiveXObjet (Mi-responseText需要改变的HTML输入croftXMLHTP");} catch (e){框是"time"文本框。通过JavsS-alert ("你的浏览器版本太低");cript读取输入框的值:retum falbe;document.FormnName.InputName.value 要写一个函数来接收数据。这个函数将(2)使用send函数送出请求。被用来捕捉从服务器返回的数据.假定HTML和服务器端脚本在同姓名: 叫做onreadystatechange. 这个on-ajaxRequstopen ("GET", 'serveTime.php",时间: readystatechange属性存储将处理从服务器过来的反应的函数.下面代码定义用send方法发送请求到服务器:了一个空函数,同时设置oneadystate -ejexRequest.send (null);使用onChange属性，当用户在"5显示服务器时间change属性。JavaSeript 代码:usermame"输入框做出任何改变时,则函XMLTtpRequest属性responseTextgjurRequestoneadytatechenge = function将存储PHP脚本显示到浏览器上,用数被调用:处理、被下载或者完成。每次readyState件"order.html"的代码如下:调试以上程序，在姓名输入框内输属性改变,onedytatechange函数被执中国煤化工面不刷新就能显示服行.加一个i语句来检查反应是否完<script language =' javescrip".MYHCNMHG成。readyState 属性为“4”时表示反应●49.

论文截图