关于javascript:Ajax学习笔记

1 什么是 Ajax

1.1 概念

Ajax（Asynchronous Javascript And XML）（异步的 JavaScript 和 XML）是一种 疾速创立动静页面的技术 。其本质是申请服务端的 大量数据 ，从而达到 疾速更新 页面的，其外围是Ajax 引擎。

2 技术呈现背景

每一个新技术的呈现，都是在解决和优化在业务上的痛点和效率问题，而 Ajax 通过一加一减的形式，（减少 Ajax 引擎，缩小对于服务器的拜访）解决了传统技术中申请响应工夫长的痛点。
Ajax 引擎 能够把 Ajax 看成是一个静态数据的存储器，存储的是网页等 动态资源 ，通常不须要拜访服务器的网页的跳转等工作都由 Ajax 引擎来做出响应，当要拜访服务器存储的 动态数据 的时候，响应就会由服务器来实现。

2.1 传统的形式服务器做出响应的原理

2.2 Ajax 形式服务器做出响应的原理

3 Ajax 入门

3.1 申请响应原理

Ajax 申请会基于 DOM（HTML 元素）事件，XHR（XMLHttpRequest）对象，实现与服务端的异步申请部分刷新。

3.2 申请步骤

1. 创立 XHR 对象
2. 注册 XHR 对象监听，通过回调函数解决状态信息
3. 建设与服务端的连贯
4. 发送异步申请实现与服务端的通信
5. 通过回调函数取得后果信息并且做出响应

function ajaxDemo(url,params,callback){var xhr=new XMLHttpRequest();
    xhr.onreadystatechange=function(){if(xhr.readyState==4&&xhr.status==200){callback(xhr.responseText);
        }
    }
     xhr.open("GET",url+"?"+params,true);
     xhr.send(null);
}