乐趣区

关于ajax:Ajax-小结02

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 对象去实现的形式(继承机制)

多态个性

  • 基于构造函数创建对象
    构造雷同 (属性名、办法名雷同, 属性值不同) 的多个对象在定义时,能够将构造封装到构造方法
    构造函数尽量不要定义函数 – 因为构建对象时,构造函数外部的函数还要开拓新的空间
退出移动版