`

AJAX学习总结

    博客分类:
  • AJAX
阅读更多

Web2.0 概述
    Web1.0    vs.    Web2.0
    天天谈门户        谈个性化
    关注的是内容      关注的是应用
    谈挂牌推销        谈服务
    谈密闭、大而全     谈大家开放、谈联合
    网站中心化        个人中心化
Web1.0 vs. Web2.0结论:
    是网络传媒的一种发展趋势是一种理念,而不是技术。
       Creativity-users as creators 创新
       Collective intelligence 集体智慧
       Client-side, rich capabilities 用户至上
       Copyright/Copyleft 版权
    没有真正1.0、2.0的定义
    它们只是对网络信息发展过程所出现的特点的归纳
Web2.0的参考描述:
    是以 以Blog、TAG、SNS、RSS、wiki等社会软件的应用为核心
    依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式


Ajax概述:
    Ajax是由Jesse James Garrett创造的,是"Asynchronous JavaScript+XML"的缩写
    Adaptive Path公司的Jesse James Garrett如是说:
      Ajax不是一种新技术,它把几种成熟的技术以新的方式组合而成,形成强大的功能,包含:
      基于XHTML和CSS标准的表示;
      使用document Object Model进行动态显示和交互;
      使用XMLHttpRequest与服务器进行异步通信;
      使用JavaScript绑定一切。
    传统的Web应用是一个同步的交互过程。Ajax是异步的。
    AJAX是一个客户端动态网页思想;综合整合使用HTML,CSS,JavaScript,XML等页面技术完成客户端显示功能,同时以XMLHttpRequest为核心的异步对象与服务端后台通信。

Ajax的优势:
    减轻服务器的负担
      AJAX的原则是“按需取数据”,可以最大程度的减少冗余请求,和响应对服务器造成的负担。
    带来更好的用户体验
      无刷新更新页面,减少用户心理和实际的等待时间。
    利用客户端的处理能力
      可以把以前一些服务器负担的工作转嫁到客户端,利用客户端闲置的能力来处理,减轻服务器和带宽的负担
基于标准化的并被广泛支持的技术,不需要下载插件或者小程序。
进一步促进页面呈现和数据的分离。

常见的Ajax使用场景:
表单驱动的交互
深层次的树的导航
快速的用户与用户间的交流响应
类似投票、yes/no等无关痛痒的场景
对数据进行过滤和操纵相关数据的场景
普通的文本输入提示和自动完成的场景
Ajax不适用场景:
部分简单的表单
基本的导航
页面大部分需要更新
……




XMLHttpRequest对象(AJAX引擎的核心)
1)作用:实现AJAX的体验
       象桌面应用与server进行数据交换
       异步
       局部刷新
2)目的:减轻server的压力,提高交互的速度
   局部刷新页面某个部份,不影响整个页面
3)对象创建(XMLHttpRequest):
  根据不同的浏览器,对XMLHttpRequest对象的初始化有所不同:
  <script language="javascript">
     var xmlreq = false;
     //IE浏览器
     xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
     //旧版本的IE
     xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
     //Mozilla浏览器
     xmlreq = new XMLHttpRequest();
  </script>


4)XMLHttpRequest对象是运行在browser的(Ajax引擎的核心)
状态:
0=未初始化
1=读取中
2=已读取
3=交互中
4=完成













分享到:
评论

相关推荐

    AJAX学习总结(一)--基于jQuery第一个实例

    在本篇“AJAX学习总结(一)--基于jQuery第一个实例”中,我们将探讨如何使用jQuery库实现异步JavaScript和XML(AJAX)技术。AJAX允许我们在不刷新整个页面的情况下,更新网页的部分内容,从而提供更流畅的用户体验...

    Asp.net+Ajax学习总结.xls

    Asp.net+Ajax学习总结.xls,Asp.net+Ajax学习总结.xls

    AJAX学习总结(四)---解决缓存问题

    在“AJAX学习总结(四)---解决缓存问题”这篇博文中,作者LC2586详细讲解了这些方法,并可能通过实例展示了如何在代码中应用它们。通过阅读和实践,你可以更深入地掌握AJAX缓存管理技巧,提升你的Web应用质量。

    AJAX学习总结(七)---实现可编辑的表格

    在本篇“AJAX学习总结(七)---实现可编辑的表格”中,我们将探讨如何利用AJAX技术来创建一个动态、交互式的表格,让用户能够直接在页面上编辑数据,无需刷新整个页面。AJAX(Asynchronous JavaScript and XML)是一...

    AJAX学习总结(六)---可收缩展开的级联菜单和局部刷新

    在本篇“AJAX学习总结(六)---可收缩展开的级联菜单和局部刷新”中,我们将深入探讨如何利用AJAX技术实现交互性更强的Web应用,特别是针对级联菜单和页面局部刷新这两个功能。AJAX(Asynchronous JavaScript and ...

    AJAX学习总结(五)---窗口的淡入淡出和css学习

    在本篇博客"AJAX学习总结(五)---窗口的淡入淡出和css学习"中,作者主要探讨了如何利用AJAX技术实现网页元素的动态更新,以及结合jQuery库来实现窗口的淡入淡出效果。同时,还涉及了一些CSS的基础知识。以下是关于...

    Ajax学习总结

    ### Ajax学习总结 #### 一、Ajax概述 Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步...

    AJAX学习总结(三)--jQuery处理xml数据

    在本篇博客"AJAX学习总结(三)--jQuery处理xml数据"中,我们将深入探讨如何使用jQuery库来处理XML格式的数据。XML(eXtensible Markup Language)是一种用于存储和传输数据的标准格式,尤其在Web应用程序中广泛使用...

    AJAX学习总结(二)--XMLHttprequest实例

    **AJAX学习总结(二)--XMLHttpRequest实例** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于实现页面的无刷新更新,提高用户体验。本篇将聚焦于XMLHttpRequest对象,它是AJAX的核心,负责在...

    AJAX学习总结(八)---Jquery实例:动态股票价格

    在本篇“AJAX学习总结(八)---Jquery实例:动态股票价格”中,我们将深入探讨如何使用jQuery库来实现AJAX技术,以便实时更新网页上的股票价格信息。AJAX,即异步JavaScript和XML,是一种在无需刷新整个页面的情况下...

    AJAX学习总结(九)---Jquery实例:仿googlesuggest自动补全功能

    在本篇博客“AJAX学习总结(九)---Jquery实例:仿googlesuggest自动补全功能”中,作者分享了如何使用jQuery实现一个类似Google Suggest的自动补全功能,这是一种常见的前端交互设计,广泛应用于搜索框输入时提供...

    Ajax学习笔记个人总结

    ### Ajax学习笔记个人总结 #### 一、XMLHttpRequest对象简介 **XMLHttpRequest** 对象是 AJAX 技术的核心,它负责在客户端与服务器之间发送异步请求,无需刷新整个页面即可实现局部数据更新。要使用 ...

    AJAX技术学习总结分享.pdf

    AJAX技术学习总结分享.pdf 一、Ajax技术原理总结 Ajax技术是一种创建交互式网页应用的网页开发技术,也是一种用于创建快速动态网页的技术。它通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。...

    Ajax学习——DWR的参考书和实用案例学习总结

    **Ajax学习——DWR的参考书和实用案例学习总结** DWR(Direct Web Remoting)是一种优秀的开源框架,专门用于简化Web应用程序中的Ajax(Asynchronous JavaScript and XML)开发。Ajax技术允许网页在不刷新整个页面...

    ajax学习资料总结

    【Ajax学习资料总结】 Ajax,即异步JavaScript和XML,是一种在2005年由Google推广的编程模式,用于创建更高效、响应更快的Web应用程序。它不是一种新的编程语言,而是利用现有Web标准(如JavaScript和XML)的新技术...

    Ajax技术学习总结.pdf

    Ajax技术学习总结.pdf

    Ajax全套学习教程

    总结,Ajax是Web开发中不可或缺的一部分,它提高了网页的交互性和用户体验。通过深入学习Ajax,开发者能更好地构建动态、高效的Web应用程序。本套教程将覆盖以上所有知识点,并通过实例教学,确保学习者能够熟练运用...

    ajax学习很好的学习文档

    总结来说,`web.xml`配置文件与Ajax技术虽然看似不直接相关,但它们都是构建动态Web应用的关键组件。前者定义了服务器端的逻辑和行为,后者则优化了用户体验,实现了无需刷新页面即可更新内容的能力。理解并掌握这...

Global site tag (gtag.js) - Google Analytics