ajax原理及axios,fetch

493 阅读1分钟

同步异步的差异在于性能。异步性能更高,耗时操作不会阻塞任务。多个请求之间有先后关系的话,就会出现回调地狱。

ajax 异步的Javascript和XML,用来与服务器交换数据并更新局部页面。

xhr.open("GET","url", true)
xhr.send( string );  // 仅仅用于post请求

核心是 XMLHttpRequest。XMLHttpRequest常用属性:

1、onreadystatechange属性

function callback(){
    if( xml.readyState === 4 ){
        // 获取到响应数据,操作
    }
}
xhr.onreadystatechange = function(){
    callback();
}

2、readyState属性

这个属性改变会触发 onreadystatechange属性函数的执行。

3、responseText属性

获取服务器返回的数据


Axios