从零开始学习jQuery(六)jquery中的创建交互式、快速动态网页应用的网页开发技术使用

一.摘要

本系列文章将带您进入框架的精彩世界，其中有很多作者具体的使用经验和解决方案，即使你会使用框架也能在阅读中发现些许秘籍。本篇文章讲解如何使用框架方便快捷的实现埃阿斯功能。统一所有开发人员使用埃阿斯的方式。二。前言埃阿斯让用户页面丰富起来，增强了用户体验。使用埃阿斯是所有网开发的必修课。虽然埃阿斯技术并不复杂，但是实现方式还是会因为每个开发人员的而有所差异。框架提供了一系列埃阿斯函数来帮助我们统一这种差异，并且让调用埃阿斯更加简单。三。原始埃阿斯与框架中的埃阿斯首先通过实例，来看一下框架实现埃阿斯有多简单。下面是一个使用原始埃阿斯的示例：DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。L1-过渡时期。DTD ' html xmlns=' http://www .w3。org/1999/XHTML ' head title jquery Ajax/title脚本类型=' text/JavaScript ' $(function(){ var xhr=new AJaxXMlhttprequest()；$('#btnAjaxOld ').click(function(event){ var xhr=new AJaxXMlhttprequest()；xhr。onreadystatechange=function(){ if(xhr。readystate==4){ document。getelementbyid(' div结果').innerHTML=xhr . responsetext } } xhr . open(' GET '，' data/AjaxGetCityInfo.aspx？resultType=html '，true)；xhr。发送(null)；});}) //跨浏览器获取对象对象函数Ajax xmlhttprequest(){ var XMlhttp；试试{ //火狐，Opera 8.0，Safari xmlHttp=new XMLHttpRequest()；} catch (e) { //Internet Explorer尝试{ xmlHttp=新的ActiveX对象(' Msxml 2 .XMLHTTP’)；} catch(e){ try { xmlHttp=new ActiveX对象(' Microsoft .XMLHTTP’)；} catch (e) { alert('您的浏览器不支持“AJAX！”);返回false} } }返回xmlHttp }/脚本/流浆池按钮id='btnAjaxOld '原始埃阿斯调用/button br/br/div id=' DivResult '/div/body/html上面的实例中，data/AjaxGetCityInfo.aspx？结果类型=html地址会返回一段超文本标记语言代码。使用原始Ajax，我们需要做较多的事情，比如创建对象对象，判断请求状态，编写回调函数等。而用框架的负荷方法，只需要一句话：美元(' #divResult ').load(' data/AJaxGetCityInfo。aspx '，{ ' ResultType ' : ' html ' })；曾经我是一个原