原生ajax实现方式

最新推荐文章于 2019-06-03 19:15:00 发布

weixin_30699831

最新推荐文章于 2019-06-03 19:15:00 发布

阅读量43

点赞数

原文链接：http://www.cnblogs.com/zhujiasheng/p/6117067.html

版权

http://www.cnblogs.com/rubylouvre/archive/2013/01/08/2851051.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<script>
		Ajax = function(){
		    function request(url,opt){
		        function fn(){}
		        var async   = opt.async !== false,
		            method  = opt.method    || 'GET',
		            data    = opt.data      || null,
		            success = opt.success   || fn,
		            failure = opt.failure   || fn;
		            method  = method.toUpperCase();
		        if(method == 'GET' && data){
		            url += (url.indexOf('?') == -1 ? '?' : '&') + data;
		            data = null;
		        }
		        var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');
		        xhr.onreadystatechange = function(){
		            _onStateChange(xhr,success,failure);
		        };
		        xhr.open(method,url,async);
		        if(method == 'POST'){
		            xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded;');
		        }
		        xhr.send(data);
		        return xhr; 
		    }
		    function _onStateChange(xhr,success,failure){
		        if(xhr.readyState == 4){
		            var s = xhr.status;
		            if(s>= 200 && s < 300){
		                success(xhr);
		            }else{
		                failure(xhr);
		            }
		        }else{}
		    }
		    return {request:request};   
		}();

		console.log(Ajax.request("http://baidu.com",{method:"POST"}));
	</script>
</body>
</html>

转载于:https://www.cnblogs.com/zhujiasheng/p/6117067.html