WEB项目总是发生些新的变化,过去每个人都会抱怨WEB项目功能不如CS程序丰富,相应速度不够快速。但现在由于Ajax的出现有了很大的改观,具有快速的高响应性的用户界面。在传统的Web 应用程序中,当用户单击链接时,要等待服务器作出响应并且刷新页面,而且这个过程会重复进行。但是,这些新站点具有更好的响应性,能够立即更新页面,这提供了出色的交互和更好的用户体验。这些新站点的强大功能来自于称为Ajax 的新技术(其实这种技术并不是全新的)。可以使用Ajax技术让自己的站点具有更好的响应性、更吸引人,这会使站点的用户在浏览过程中更愉快。更棒的是,你不需要学习全新的技术,因为Ajax 是由你已经掌握的几种技术组合而成的(本书前面已经讨论过这些技术)。
  Ajax定义比较混乱,它不是一种新技术而是多种技术组合而成:

  (1)使用HTML 和CSS 控制页面结构和表示方式;
  (2)使用DOM 显示和操纵页面;

补充:DOM技术到底是什么?以前似乎没接触过

  (3) 使用浏览器的XMLHttpRequest 对象在客户机和服务器之间传输数据①;
  (4)使用XML 作为在客户机和服务器之间传输的数据的格式②;

补充:(3)(4)提供了一种方式,提供了客户机与服务器之间传输数据的一个桥梁,不频繁的调用服务器,也就保证了客户机响应速度。
  (5)最后,使用JavaScript 动态地显示所有内容并且提供交互功能。

  Ajax 应用程序在用户和服务器之间建立一个中介。Ajax 引擎(Ajax engine,也称为网页的JavaScript部分)向用户提供界面(当然要借助于HTML 和CSS)。如果用户的操作并不要求向服务器发出请求(例如,显示已经存储在本地的数据),那么Ajax 引擎会进行响应。这使浏览器能够对许多用户操作立刻作出反应,使网页的反应像桌面程序那样迅速。如果用户操作需要服务器调用,Ajax 引擎就异步地执行它,因此用户不需要等待服务器的响应。用户可以继续与应用程序进行交互,当请求的数据到达时,引擎会更新页面。这里的重点是,用户的操作不会由于等待服务器而暂停。
  Tom 认为,“我喜欢只用DOM、HTML、CSS 和JavaScript 操作页面,我把这种方式称为Ajax。

  而另一位作者Dori 是正统的JavaScript 程序员,她认为:“要想成为Ajax 应用程序,就需要使用XMLHttpRequest 并且在客户机和服务器之间传递一些数据。否则,怎么算是新技术呢?” 

  Ajax 应用程序的另一个潜在问题是,它们可能破坏浏览器后退按钮的正常表现。对于静态页面,在单击后退按钮时,用户会期望浏览器转到它加载的前一个页面。但是,因为启用Ajax 的页面是动态更新的,所以这种期望可能会落空。对于“后退按钮问题”,有一些解决方案,在全面投入Ajax 开发之前,你应该考虑这个问题及其解决方案。

ajax 简介0的更多相关文章

  1. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    Django基础七之Ajax 本节目录 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解) 一 Ajax简介 ...

  2. js进阶课程ajax简介(ajax是浏览器来实现的)

    js进阶课程ajax简介(ajax是浏览器来实现的) 一.总结 1.ajax使用需要服务器支持,比如phpstudy 2.ajax是浏览器支持的功能:ajax有个核心对象XMLHttpRequest, ...

  3. {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)

    {Django基础七之Ajax} 一 Ajax简介 二 Ajax使用 三 Ajax请求设置csrf_token 四 关于json 五 补充一个SweetAlert插件(了解)   Django基础七之 ...

  4. PHP AJAX 简介

    AJAX 简介 AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术. AJAX 是什么? AJAX = Asynchronous JavaScript and XML. AJAX ...

  5. ajax简介及JS写原生ajax

    ajax 1.什么是ajax ajax 的全称是Asynchronous JavaScript and XML,其中, Asynchronous 是异步的意思,指的是异步 JavaScript 和 X ...

  6. AJAX简介

    基本介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML). 国内翻译常为“阿贾克斯”和阿贾克斯足球队同音.Web应用的交互如Fli ...

  7. 1.AJAX简介

    没有AJAX会怎么样?普通的ASP.Net每次执行服务端方法的时候都要刷新当前页面,比如实现显示服务器时间.每次都要刷新页面的坏处:页面刷新打断用户操作.速度慢.增加服务器的流量压力.如果没有AJAX ...

  8. AJAX开发技术--AJAX简介

    Asynchronous  JavaScript and XML,异步JavaScript和XML 主要目的用于页面的局部刷新.不用全部刷新,提高性能. 在AJAX中主要是通过XMLHttpReque ...

  9. $Django ajax简介 ajax简单数据交互,上传文件(form-data格式数据),Json数据格式交互

    一.ajax  1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json  2 ajax干啥用的?前后端做数据交互:  3 之前学的跟后台做交互的方式:   -第一种:在浏览器 ...

随机推荐

  1. javax.servlet.http.HttpServletResponse.getStatus()I

    感谢作者分享:http://blog.csdn.net/szwangdf/article/details/42145463 -------------------------------------- ...

  2. Java 面向切面 AOP

    参考: :http://www.blogjava.net/supercrsky/articles/174368.html AOP: Aspect Oriented Programming 即面向切面编 ...

  3. Nginx 功能

      本文只针对Nginx在不加载第三方模块的情况能处理哪些事情,由于第三方模块太多所以也介绍不完,当然本文本身也可能介绍的不完整,毕竟只是我个人使用过和了解到过得,欢迎留言交流. Nginx能做什么 ...

  4. CentOS 下搭建Hudson

    1.下载Hudson安装包 wget http://ftp.jaist.ac.jp/pub/eclipse/hudson/war/hudson-3.3.3.war 2.执行 java -jar hud ...

  5. Leading and Trailing (数论)

    Leading and Trailing https://vjudge.net/contest/288520#problem/E You are given two integers: n and k ...

  6. ASP.Net MVC 中EF实体的属性取消映射数据库、自定义名称

    例如:数据库中一个字段名称为CompanyId 自定义实体数据名称 [Column("CompanyId")] public int Id{ get; set; } 这样就可以使用 ...

  7. 解决自定义classloader后无法使用maven install

    @上篇博客中探讨了web项目利用自定义classloader进行解密,利用的是编译后的文件直接运行程序一切正常 今天博主在探讨加密后进行混淆时,打包程序报程序包org.apache.catalina. ...

  8. js 定时执行

    代码: 格式例子: setInterval(方法名,1000*60); setInterval("方法名()",1000*60); setInterval(function () ...

  9. 关于Laravel框架

    第1讲-Laravel介绍 1.1 什么是Laravel laravel是目前一个比较主流的框架,现在很多互联网的公司都在使用该框架.该框架的前身是symfony框架 Laravel的定位就是做一个简 ...

  10. java爬取网页Unicode转UTF-8中文

    unicode编码简而言之就是将每一个字符用16位2进制数标识.但是通常都用4位的16进制数标识. 例如: 1)中文字符串"你好"的unicode码为:\u60\u597d; 2) ...