30-AJAX（Javaweb）

感谢你的路过，希望学生的笔记能给你一点微不足道的参考（2/100）
Java基础思维导图，完整Java体系的链接

一，AJAX介绍

1.1Ajax简介

   异步的JavaScript 和 XML，AJAX 不是新的编程语⾔，⽽是⼀种使⽤现有标准的新⽅法

1.2异步与同步

   客户端和服务器端相互通信的基础上
      * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
      * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。
      Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。
      [1] 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。提升用户的体验

1.3Ajax所包含的技术

   ajax并⾮⼀种新的技术，⽽是⼏种原有技术的结合体。它由下列技术组合⽽成
      1.使⽤CSS和XHTML来表示。
      2.使⽤DOM模型来交互和动态显示。
      3.使⽤XMLHttpRequest来和服务器进⾏异步通信。
      4.使⽤javascript来绑定和调⽤。
   AJAX 的核⼼是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的⽅法是有差异的。IE 浏览器使⽤ ActiveXObject，⽽其他的浏览器使⽤名为 XMLHttpRequest 的 JavaScript 内建对象。

二，原理

   Ajax的⼯作原理相当于在⽤户和服务器之间加了—个中间层(AJAX引擎)，使⽤户操作与服务器响应异步化。并不是所有的⽤户请求都提交给服务器。
   像—些数据验证和数据处理等都交给Ajax引擎⾃⼰来做,， 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。

2.1Ajax与传统⽅式

传统⽅式

Ajax

2.2各⾃的交互

浏览器的普通交互⽅式

浏览器的Ajax交互⽅式

三，XMLHttpRequest常⽤属性

3.1onreadystatechange 属性 （回调）

   onreadystatechange 属性存有处理服务器响应的函数。
   下⾯的代码定义⼀个空的函数，可同时对 onreadystatechange 属性进⾏设置ÿ