码迷,mamicode.com
首页 > Web开发 > 详细

js原生http

时间:2016-08-05 21:12:27      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

封装的HTTP方法如下:

function $http(url,type,isAsync,time, success,error ){
  var request = new XMLHttpRequest();
  var timeout = false;
  var timer = setTimeout( function(){
    timeout = true;
    request.abort();
  }, time );
  request.open(type, url,isAsync);
  request.onreadystatechange = function(){
    if( request.readyState !== 4 ) return;
    if( timeout ) return;
    clearTimeout( timer );
    if( request.status === 200 ){
      success( request.responseText );
    }else{
      error( request.responseText );
    }
  };
  request.send(null);
}

 

 调用:

  function  success(data) {
    console.log(‘成功!‘,data);
  }

  function  error(data) {
    console.log(‘失败!‘,data);
  }

  $http(‘abc‘,‘get‘,true,7000,success,error);

 

简单的封装了一下,并不像ajax一样把jsonp之类的都封装好了。

js原生http

标签:

原文地址:http://www.cnblogs.com/golddream/p/javascript_http.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!