AJAX 原生实现(一)

 最近重新回顾了一下关于ajax的相关内容,作了一些笔记,以加深印象。

 AJAX 英文名称: Asynchronous JavaScript And XML ,即异步的 JavaScript 和 XML。

 AJAX作用:异步发起http请消息,并接收服务器返回的响应消息,实现桌面无刷新更新局部数据。

 获取XMLHttpRequest对象:

var xhr = null;
if(Window.XMLHttpRequest){
    // 新IE 或其他浏览器
    xhr = new XMLHttpRequest();
}else{
    // 兼容 老IE
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
}

成员属性:

  • readyState : 表示当前请求-响应进行到那个步骤了,取值范围0~4

       0  请求消息尚未发送

    1  xhr已经打开了到服务器的链接

    2  xhr已经收到了响应的消息起始行的头部

    3  xhr正在加载响应消息的主体

    4  xhr 已经完成响应的消息

  • responseText:初始值为""
  • responseXML: 初始值为null
  • status 初始值为0 保存响应状态码{服务器发送}

    404 找不到
    500 服务器出错
    302 重定向
    200 正确响应
    304 Not Modify 没有修改{使用浏览器缓存}

成员事件:

  onreadystatechange:每次readyState值发生改变时触发

成员方法

  open(method,url,isAsyc); 打开服务器连接,method:请求的方式,URL:请求地址,isAsyc:是否异步,默认为false
  send(); 发送请求消息

  #GET send(null);

  #POST send(k=v&k1=v1); //此数据为提交表单中的数据

  setRequestHeader(name,value); //设置请求消息头部

  getAllResponseHeaders(); //获取所有响应消息头部

  getResponseHeader(name); //获取某个响应消息头部

以上所介绍的内容为ajax的理论知识,接下来肯定要实践一下,以便更加深刻理解。

 

posted @ 2019-05-22 17:03  康师傅__冰泉  阅读(154)  评论(0)    收藏  举报