Ajax基础入门

Ajax

1.Ajax简介

1.1 Ajax是什么

    Ajax是一种Web应用技术，可以借助客户端脚本(js)与服务端应用进行异步通讯，获取服务端数据以后，可以
进行局部刷新。进而提高数据的响应和渲染速度。

1.2Ajax应用场景

    Ajax技术的最大优势就是底层异步，然后局部刷新，进而提高用户体验，这种技术现在在很多项目中都有很
好的应用，例如：
    （1）商品系统
    （2）评价系统
    （3）地图系统
    …
说明:Ajax最大劣势是不能直接进行跨域访问

1.3Ajax技术应用模块分析

    所有的Ajax请求都会基于DOM（HTML）事件，通过XMLHttpRequest对象实现与服务端异步通讯局部更新
如图：

2.Ajax快速入门

2.1 使用ajax一共分为了5步：

    1.创建XmlHttpRequest对象
    2.设置状态监听(监听与服务端通讯过程)
    3.创建与服务端的连接
    4.发送请求
    5.对响应结果进行处理（回调函数中处理）

2.2 Ajax的优缺点

优点：1.实现局部更新（无刷新状态下），2.减轻了服务器端的压力
缺点：
           1.破坏了浏览器前进和后退机制（因为ajax自动更新机制）
           2.一个Ajax请求多了，也会出现页面加载慢的情况。
           3.搜索引擎的支持程度比较低。
           4.ajax的安全性问题不太好（可以用数据加密解决）。

2.3 Ajax – Get请求操作

基于ajax中XMLHttpRequest对象，向服务端发起异步Get请求

<script type="text/javascript">
       //基于此函数发送ajax get请求异步获取服务端数据
       function