欢迎来到天天文库
浏览记录
ID:39993216
大小:863.50 KB
页数:33页
时间:2019-07-16
《webgis原理与实践》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、WebGIS原理与开发技术——Ajax与WebGIS(上)侯景伟houjingwei2005@yahoo.com.cnhjwei2005@163.comTel:15121888067宁夏大学资源环境学院,2012主要内容基于Ajax的Web应用模型什么是AjaxxmlHttprequest对象基于Ajax的Web地图模型地图的异步请求与响应服务器端接口基于Ajax的Web应用模型传统Web应用主要依靠表单来实现客户端与服务器端的通信,这是一种同步通信模式。主要两个问题:(1)客户等待延迟;(2)整个网页刷新。传统的We
2、b应用模型基于Ajax的Web应用模型AjaxWeb应用模型什么是AjaxAjax实际上是多种技术的结合体,包括JavaScript,CSS,DOM,XMLHttpRequest,XML,XSLT,XHTML等。其主要技术特点是通过CSS,XHTML、DOM来表现网页的内容和样式;通过xmlHttpRequest对象进行客户端与服务器端异步数据通讯;通过JavaScript处理相关业务逻辑。这种在设计和编程上将内容、表现、业务和数据分层的开发模式,带来的是一种全新的用户交互体验和Web应用性能的提高。xmlHttpre
3、quest对象XmlHttpRequest是Web客户端通过Javascript、VbScript、Jscript等脚本语言向Web服务器请求和处理XML格式或其他格式的数据的一组API。XmlHttp提供了客户端同http服务器通信的协议,可实现同步和异步的交互。XMLHttpRequest是Ajax异步通讯技术得以实现的最主要对象。使用xmlHttpRequest对象的最大的好处是可以更新网页的部分内容而不需要刷新整个页面。现在的绝对多数浏览器都增加了对XMLHttpRequest的支持。xmlhttpReques
4、t对象的主要属性属性名描述onreadystatechange指定当readyState属性改变时的事件处理句柄。只写readyState返回当前请求的状态,只读.responseBody将回应信息正文以unsignedbyte数组形式返回.只读responseStream以AdoStream对象的形式返回响应信息。只读responseText将响应信息作为字符串返回.只读responseXML将响应信息格式化为XmlDocument对象并返回,只读status返回当前请求的http状态码.只读statusText返回
5、当前请求的响应行状态,只读xmlhttpRequest对象的主要方法方法名描述abort取消当前请求getAllResponseHeaders获取响应的所有http头getResponseHeader从响应信息中获取指定的http头open创建一个新的http请求,并指定此请求的方法、URL以及验证信息(用户名/密码)send发送请求到http服务器并接收回应setRequestHeader单独指定请求的某个http头如何使用xmlhttprequest对象functiongetXHR(){varA=null;if(!
6、A&&typeof(XMLHttpRequest)!="undefined"){A=newXMLHttpRequest();}if(!A){try{A=newActiveXObject("Msxml2.XMLHTTP");}catch(e){try{A=newActiveXObject("Microsoft.XMLHTTP");}catch(oc){A=null}}}returnA;}如何使用xmlhttprequest对象
7、ascript”src=”xhr.js”/>functiontestXHR(){varxhr=getXHR();if(xhr){xhr.onreadystatechange=function(){if(xhr.readyState==4){varodiv=document.getElementById("test");odiv.innerHTML=unescape(xhr.responseText);}}}xhr.Open("get","test.txt",t
8、rue);xhr.Send(null);}
此文档下载收益归作者所有