Ajax初步了解和简单应用

1.简介

        基于 Web 的应用到基于数据的应用。它的广泛应用促进了前端技术的进步

        ajax不是一种新的技术，而是几种原有技术的结合体，由以下技术组合而成：

1、使用CSS和XHTML来表示。 页面渲染

2、使用DOM模型来交互和动态显示。

3、使用XMLHttpRequest来和服务器进行异步通信。

4、使用javascript来绑定和调用。

2、ajax优点 （异步加载，局部刷新）

①Ajax在浏览器与服务器之间异步加载数据，解决在网速慢的情况下，页面加载时间长，用户枯燥等待的问题

②页面局部刷新，接收到数据后只更新相应的部分内容，例如导航地图的更新

③可以充分利用客户端闲置的处理能力，减轻服务器和网路传输的负担

④使web中界面与应用相分离 也可以说是数据与呈现相分离

3.ajax处理网络请求

Ajax模块在处理网络请求的时候包括以下四个步骤

​ 1.通过XMLHttpRequest类创建xhr对象
​ 2.为xhr对象添加属性与回调方法
​ 3.令xhr对象执行open()方法，指明请求被发往某处
​ 4.令xhr对象执行send()方法，发出请求。

​ 补充：Ajax可以发出同步请求，也可以发出异步请求。但大多数情况下指的是异步请求，因为同步的Ajax请求对浏览器会产生“阻塞效应”。

使用步骤

代码如下（示例）：

 //实例化xml对象
        var xhr=new XMLHttpRequest();
        //给对象添加属性和方法
        xhr.onreadystatechange=function