Ajax 申请响应过程剖析
*所有的Ajax 申请都会基于DOM(HTML元素)事件，通过XHR（XMLHttpRequest）对象实现与服务端异步通信部分更新
*Ajax利用的编程步骤:
第一步：基于dom事件创立XHR对象(XMLHttpRequest对象)
var xhr=new XMLHttpRequest();第二步：注册XHR对象状态监听，通过回调函数(callback)解决状态信息。
xhr.onreadystatechange=function(){ if(xhr.readyState==4&&xhr.status==200){ document.getElementById("resultId"). innerHTML= xhr.responseText; } }*readyState==4示意服务端的响应后果在客户端曾经接管完了
*status==200示意服务解决申请的过程中没有呈现任何异样(响应的都是失常数据)
第三步：创立与服务端的连贯
xhr.open("GET",`doCheck?name=${name}`,true)*doCheck?name=${name}--是所要连贯服务端的网址
第四步：发送异步申请实现与服务端的通信
xhr.send(null);*构建参数对象
形式1：
var params="name="+name;//淘汰形式2：
const params=`name=${name}`;//一种新的写法,这种写法称之为模板字符串,所有字符串拼接都能够以这种形式进行实现形式3：
var params={"name":name};//JavaScript中的对象(原生ajax形式不能够间接传递这样的对象) *JavaScript中的对象个性
封装个性：
JS中的对象用于封装属性和办法
继承个性：
JS中为了实现属性或办法的可重用性,提供须要借助Prototype对象去实现的形式（继承机制）
多态个性
- 基于构造函数创建对象
构造雷同(属性名、办法名雷同,属性值不同)的多个对象在定义时，能够将构造封装到构造方法
构造函数尽量不要定义函数--因为构建对象时，构造函数外部的函数还要开拓新的空间