Ajax+PHP实现动态无刷新技巧
发布时间:2012-04-28 发布来源:
?
据介绍通晓OA 、在线人员、邮件搜检机制,全部采取无刷新技巧。我解析后通晓用的是Ajax技巧。Ajax是多种技巧的综合,是一种动态的可以实现WEB页面局部刷新的技巧。Ajax的基起原根蒂根基理
Ajax实现的web交互结果跟传统的大不雷同,它经由过程Ajax 引擎,使得应用过程很天然,操纵很流畅,因为其只和办事器互换有效的数据,而页面显示等不须要的数据则不再从头加载。Ajax 引擎其实就是JavaScript、XML、XMLHttpRequest等等各项技巧的综合应用。
Ajax技巧构成:
1.标准化浮现:XHTML、CSS
2.动态显示和交互:DOM
3.数据互换和处理惩罚:XML、XSLT
4.粘合剂:JavaScript,
Ajax的长处:
1.减轻办事器端肩负,“按需取数据”。
2.无刷新更新页面。
3.带来更好的用户体验。
4.充沛哄骗客户端闲置的运算才能。
5.进一步促进浮现和数据的分别。
6.完全基于标准化的技巧实现,无须小法度或插件。
7.浏览器无关(IEownload, XML island)
Ajax实用的场景:
1.表单驱动的交互
2.深层次的树的导航
3.快速的用户与用户间的交换响应
4.类似投票、yes/no等无关痛痒的场景
5.对数据进行过滤和把持相干数据的场景
6.通俗的文本输入提示和主动完成的场景
Ajax不实用的场景:
1.项目组简单的表单
2.搜刮不克不及back(应用IFrame)
3.根蒂根基的导航
4.调换多量的文本
5.对浮现的把持
Ajax应用存在的题目:
1.用JavaScript作的Ajax引擎,JavaScript的兼容性和debug都是让人头痛的事。
2.Ajax的无刷新重载,因为页面的变更没有刷新重载那么明显,所以轻易给用户带来困扰。
3.中心过程不克不及被bookmark。(两个办法解决)
应用WEB标准开辟:
1.体系近况对应用的自适应性和市场拓展都有阻碍。
2.完全采取合适web标准的体式格式来开辟web层,以支撑所有的市场上风行的浏览器,达到很高的可用性。
3.包含应用XHTML,CSS(完全布局),Ajax等标准化技巧。(布局/显现/行动完全分别)
4.应用Firefox作为开辟景象,浏览器移植题目就会获得解决。
AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),是指一种创建交互式网页应用的网页开辟技巧。它有机地包含了以下几种技巧:
Ajax(Asynchronous JavaScript + XML)的定义:基于web标准(standards-based presentation)XHTML+CSS的默示; 应用 DOM(Document Object Model)进步履态显示及交互;应用 XML 和 XSLT 进行数据互换及相干操纵; 应用 XMLHttpRequest 进行异步数据查询、检索; 应用 JavaScript 将所有的器材绑定在一路。
类似于DHTML或LAMP,AJAX不是指一种单一的技巧,而是有机地哄骗了一系列相干的技巧。事实上,一些基于AJAX的“派生/合成”式(derivative/composite)的技巧正在呈现,如“AFLAX”。
AJAX的应用应用支撑以上技巧的web浏览器作为运行平台。这些浏览器今朝包含:Mozilla、Firefox、Internet Explorer、Opera、Konqueror及Safari。然则Opera不支撑XSL格局对象,也不支撑XSLT。
Ajax技巧的核心
Ajax其核心只有JavaScript、XMLHTTPRequest和DOM,若是所用数据格局为XML的话,还可以再加上XML这一项(Ajax从办事器端返回的数据可所以XML格局,也可所以文本等其他格局)。
在旧的交互体式格式中,由用户触发一个HTTP恳求到办事器,办事器对其进行处理惩罚后再返回一个新的HTHL页到客户端,每当办事器处理惩罚客户端提交的恳求时,客户都只能余暇守候,并且哪怕只是一次很小的交互、只需从办事器端获得很简单的一个数据,都要返回一个完全的HTML页,而用户每次都要浪费时候和带宽去从头读取全部页面。而应用Ajax后用户从感触感染上几乎所有的操纵都邑很快响应没有页面重载(白屏)的守候。
1.XMLHTTPRequest
Ajax的一个最大的特点是无需刷新页面便可向办事器传输或读写数据(又称无刷新更新页面),这一特点首要得益于XMLHTTP组件XMLHTTPRequest对象。如许就可以向再发桌面应用法度只同办事器进行数据层面的互换,而不消每次都刷新界面也不消每次将数据处理惩罚的工作提交给办事器来做,如许即减轻了办事器的肩负又加快了响应速度、缩短了用户等待时候。
最早应用XMLHTTP的是微软,IE(IE5以上)经由过程容许开辟人员在Web页面内部应用XMLHTTP ActiveX组件扩大自身的功能,开辟人员可以不消从当前的Web页面导航而直接传输数据到办事器上或者从办事器取数据。这个功能是很首要的,因为它帮助削减了无状况连接的疾苦,它还可以打消冗余HTML的须要,从而进步过程的速度。Mozilla(Mozilla1.0以上及NetScape7以上)做出的回应是创建它本身的持续XML类:XMLHttpRequest类。Konqueror (和Safari v1.2,同样也是基于KHTML的浏览器)也支撑XMLHttpRequest对象,而Opera也将在其v7.6x+今后的版本中支撑XMLHttpRequest对象。对于大多半景象,XMLHttpRequest对象和XMLHTTP组件很类似,办法和属性也类似,只是有一小项目组属性不支撑。
2.JavaScript
JavaScript是一在浏览器中多量应用的编程说话,,他以前一向被贬低为一门糟糕的说话(他确切在应用上斗劲呆板),以在常被用来作一些用来夸耀的小玩意和恶作剧或是单调琐碎的表单验证。但事实是,他是一门真正的编程说话,有着自已的标准并在各类浏览器中被广泛支撑。
3.DOM
Document Object Model。 DOM是给 HTML 和 XML 文件应用的一组 API。它供给了文件的布局表述,让你可以改变此中的內容及可见物。其本质是建树网页与 Script 或法度说话沟通的桥梁。所有WEB开辟人员可操纵及建树文件的属性、办法及事务都以对象来显现(例如,document 就代表“文件本身“这个对像,table 对象则代表 HTML 的表格对象等等)。这些对象可以由当今大多半的浏览器以Script 来取用。一个用HTML或XHTML构建的网页也可以看作是一组布局化的数据,这些数据被封在DOM(Document Object Model)中,DOM供给了网页中各个对象的读写的支撑。
文章起原:
《更多网站建设信息、网站开发资讯,敬请咨询百微信息科技,021-57700304》