传统的web交换缺点：

1. 流量损失
2. 浪费时间和带宽 概念： ajax使网页异步刷新，在不重新加载整个页面时，对网页的局部进行刷新。

特点： 局部刷新；

最大的特点：局部刷新

ajax的优点：

1. 局部刷新；
2. 优化了浏览器与服务器之间的传输，减少了不必要的数据返回，减少了带宽占用；
3. ajax引擎在客户端进行，承担部分服务器的工作，减少了服务器端的压力；

ajax的缺点

1. ajax不支持浏览器back按钮。
2. 安全问题 AJAX暴露了与服务器交互的细节。
3. 对搜索引擎的支持比较弱。
4. 破坏了程序的异常机制。
5. 不易调试。

ajax使用方法：

原生js中ajax写法一：

function ajaxys(){
　　//1、 创建xhr对象
　　var xhr = new XMLHttpRequest();//XMLHttpRequest()
　　// 2、打开浏览器的连接
　　xhr.open('get','112.json',true);
　　// 3、请求发送给服务器，对于get来说send里的参数为空或者null
　　xhr.send();//或者xhr.send(null)
　　// 4、判断服务器的状态，若准备就绪，就去获取数据
　　xhr.onreadystatechange = function(){
　　　　if (xhr.readyState == 4) {//证明服务器已经准备就绪
　　　　　　if (xhr.status == 200) {//页面请求成功
　　　　　　　　// var txt = xhr.responseText;//表示取出数据

　　　　　　　　document.getElementById('boxs').innerHTML = xhr.responseText;//表示取出数据,并把数据复制给boxs
　　　　　　}
　　　　}
　　}

}
//当点击btn按钮时触发对ajax的请求

$('#btn').click(function(){
　　ajaxys();//执行ajax的请求
});

原生js中写ajax方法二：（利用回调函数callback）

//先声明一个异步请求对象
var xmlHttpReg = null;
function ajax() {
　　if (window.ActiveXObject) {//如果是IE
　　　　xmlHttpReg = new ActiveXObject("Microsoft.XMLHTTP");
　　} else if (window.XMLHttpRequest) {
　　　　xmlHttpReg = new XMLHttpRequest(); //实例化一个xmlHttpReg
　　}


　　//如果实例化成功,就调用open()方法,就开始准备向服务器发送请求
　　if (xmlHttpReg != null) {
　　　　xmlHttpReg.open("get", "checknumber.php?type="+gametype+"&round="+gameroundno, true);
　　　　xmlHttpReg.send();
　　　　xmlHttpReg.onreadystatechange = doResult; //设置回调函数
　　}
}
//设定函数doResult()，便于调用
function doResult() {
　　if (xmlHttpReg.readyState == 4 && xmlHttpReg.status == 200) {//4代表执行完成
　　　　document.getElementById("content").innerHTML = xmlHttpReg.responseText;
　　}
}

原生的js写ajax需要注意三点

1. 创建异步请求对象
2. 异步请求对象要兼顾IE和标准浏览器
3. 状态与响应