ajax的同异步?

180 阅读1分钟
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    let xhr = new  XMLHttpRequest();
    xhr.open("get","aside.json",false);
    xhr.onreadystatechange = function () {
        if(xhr.readyState===4&&/^2\d{2}$/.test(xhr.status)){

        }
    }
    xhr.send();
    console.log(100);
    // 同异步:true:异步  false 同步;
    //  同步:如果不同的ajax相互之间请求没有任何的关联;一般ajax请求采用异步的方式;
    // 同步: onreadystatechange 事件只能被监听到一次;1--->4
    // 异步: onreadystatechange 事件能监听到三次 2 -> 3 -> 4

    // 性能优化:
    // 1. 减少http请求次数;
    // 2. 雪碧图
    // 3. 延迟加载;
    // 4. ajax分页;
    // 5. 文件压缩;
</script>
</body>
</html>