fetch与ajax的区别

fetch('url'，{
    methods:'get'
})
.then(function(res){
    return 
})
.then(function(){
    return // 执行成功第二步
})
.catch(function(err){
    //异常报错
})

fetch('/user.html')
.then(function(res){
    return res.text();
})
.then(function(body){
    document.body.innerHTML = body;
})

fetch('/users.json')
.then(function(response) {
    return response.json()
}).then(function(json) {
    console.log('parsed json', json)
}).catch(function(ex) {
    console.log('parsing failed', ex)
})

var form = document.querySelector('form');

fetch('/user',{
    method:'POST',
    headers:{
        'Content-Type':'application/json'
    },
    body:JSON.stringify({
        name:'fetch',
        login:'fetct'
    })
})

var input = document.querySelector('input[type="file"]')

var data = new FormData()
data.append('file', input.files[0])
data.append('user', 'hubot')

fetch('/avatars', {
  method: 'POST',
  body: data
})

function (options){
		options = options || {};
		options.type = (options.type || "get").topUpperCase();
		options.dataType = options.dataType || "json";
	var params = formatParams(options.data);

	if(window.XMLHttpRequest){//创建xhr
		var xhr = new XMLHttpRequest();
	}else{
		var xhr = ActiveXObject('Microsoft.XMLHTTP');
	}
}

//接收
xhr.onreadystatechange=function(){
	if(xhr,readyState == 4){
		var status = xhr.status;
		if(status >= 200 && options.success(xhr.responseText,xhr.responseXML)){
			options.success && options.success(xhr.responseText,xhr.responseXML);
		}else{
			options.fail && options.fail(status);
		}
	}
}
//连接发送
if(options.type =="GET"){
	xhr.open("GET",option.url+"?"+params,true);
	xhr.send(null);
}else if(options.type =="POST"){
	xhr.open("POST",options.url,true);
	xhr.setRequestHeader("Content-Type","application/x-www-form-urllencoded");
	xhr.send(params);
}
//格式化参数
function formatParams(data){
	var arr=[];
	for (var name in data) {
		arr.push(encodeURLCompontent(name)+"="+encodeURLCompontent(data[name]));
	}
	arr.push(("v="+Math.random()).replace(".",""));
	return arr.join("&");
}

   ajax({
       url: "./TestXHR.aspx",              //请求地址
       type: "POST",                       //请求方式
       data: { name: "super", age: 20 },        //请求参数
       dataType: "json",
       success: function (response, xml) {
           // 此处放成功后执行的代码
       },
       fail: function (status) {
           // 此处放失败后执行的代码
       }
});

fetct('/api',{
    credentials: 'include'
})
.then(function(res){
    return // ...
})