美文网首页
AJAX引擎-XMLHttpRequest对象

AJAX引擎-XMLHttpRequest对象

作者: pure_joy | 来源:发表于2018-05-22 18:19 被阅读6次

JavaScript对象,目前大部分浏览器都支持

创建XMLHttpRequest对象
<script type="text/javascript">
  function getXHR(){
     var xmlHttp:
      try{
          //Firefox、Opera 8.0+、Safari
          xmlHttp=new XMLHttpRequest();
      }catch(e){
          //Internet Explorer
          try{
              xmlHttp=new ActiveXObject("Msxmlz.XMLHTTP");
          }catch(e){
                 try{
                        xmlHttp=new ActiveXObject("Micrsoft.XMLHTTP");
                  }catch(e){
                        alert("你的浏览器不支持");
                        return false;
                }
          }
      }
     return xmlHttp;
  }
</script>
属性
  • readState:只读的,返回的是short类型
    作用:标志着XMLHttpRequest对象的当前状态
State Name Description
0 Uninitialized 未初始化
1 Open open方法已经调用了
2 sent send方法已经调用了
3 Receiving 接收到了响应头,但是没有接收到正文
4 Loaded 接收到了响应正文,响应结束
  • responseText:只读的,返回的是String
    作用:接收服务器返回到文本类型的正文数据
  • responseXML:只读的,返回的是Document对象(JS中文档模型)
    作用:接收服务的返回的xml类型的正文数据
  • status:只读的,返回的是short
    作用:接收服务器返回的响应状态码
  • statusText:只读的,返回的是String
    作用:接收服务器返回的响应码描述
方法
  • getAllResponseHeades():返回所有响应消息头,是一个String字符串
  • getResponseHeader(headName):返回指定头的值,是一个String字符串
  • open(String method,String url,boolean async):建立与服务器的链接
    method:请求方式 get/post
    url:请求的服务器地址
    async:是否是异步,true是异步,默认就是true
  • send(String data):发出请求,data参数是请求正文的内容
  • setRequestHeader(String headerName,String value):设置请求消息头
事件处理器

onreadystatechange:指向一个函数,用于做事件处理
XMLHttpRequest对象的readyState的每次变化都会触发onreadystatechange指向的事件处理器

js端、客户端的js代码的执行和onreadystatechange函数的执行是异步的过程

相关文章

  • AJAX引擎-XMLHttpRequest对象

    JavaScript对象,目前大部分浏览器都支持 创建XMLHttpRequest对象 属性 readState:...

  • AJAX

    ajax XMLHTTpRequest对象是Ajax的核心,XMLHTTpRequest对象使得js脚本能够实现对...

  • 学习封装ajax

    Ajax的核心 Ajax的实现核心就是XMLHttpRequest对象,浏览器通过XMLHttpRequest对象...

  • 原生ajax

    XMLHttpRequest 对象   XMLHttpRequest对象是ajax的基础,XMLHttpRequ...

  • Ajax原理&ajax、axios、fetch区别

    Ajax的原理:简单来说,是在用户和服务器之间加了—个中间层(AJAX引擎),通过XmlHttpRequest对象...

  • JS Ajax

    Ajax的核心是XMLHttpRequest对象 XMLHttpRequest对象 跨域资源共享问题 Ajax的扩...

  • javascript 和 jQuery 的Ajax 用法

    ajax技术的核心是XMLHttpRequest对象(简称XHR) ajax通过原生的XMLHttpRequest...

  • Ajax引擎---XMLHttpRequest

    创建该对象见下文的js代码 属性readdyState:只读的。返回的是short类型。作用:标识着XMLHttp...

  • ajax

    XMLHttpRequest 对象 jquery ajax使用

  • 使用js实现AJAX和JSONP

    ajax的核心是XMLHttpRequest。一个完整的AJAX请求步骤:实例化XMLHttpRequest对象,...

网友评论

      本文标题:AJAX引擎-XMLHttpRequest对象

      本文链接:https://www.haomeiwen.com/subject/lyyhjftx.html