C/C++教程

【学习打卡】第2天 ES(6-11)全版本语法-Ajax原理与Callback Hell

本文主要是介绍【学习打卡】第2天 ES(6-11)全版本语法-Ajax原理与Callback Hell,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
  • 课程名称:JavaScript ES(6-11)全版本语法 每个前端都需要的基础课

  • 课程章节: Ajax原理与Callback Hell

  • 主讲老师:谢成

课程内容:

今天学习的内容包括:

Ajax原理与Callback Hell

课程收获:

Ajax的原理

function ajax(url, callback) {
    // 1、创建XMLHttpRequest对象
    var xmlhttp
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest()
    } else { // 兼容早期浏览器
        xmlhttp = new ActiveXObject('Microsoft.XMLHTTP')
    }
    // 2、发送请求
    xmlhttp.open('GET', url, true)
    xmlhttp.send()
    // 3、服务端响应
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
            var obj = JSON.parse(xmlhttp.responseText)
            // console.log(obj)
            callback(obj)
        }
    }
}

callback hell (回调地狱)

层层嵌套,会难以维护,可读性很差

ajax('static/a.json', res => {
    console.log(res)
    ajax('static/b.json', res => {
        console.log(res)
        ajax('static/c.json', res => {
            console.log(res)
        })
    })
})

今天学习课程共用了35分钟,重新了解了一下Ajax原理与Callback Hell,这是我不知道第多少次决心补习JavaScript基础,希望能够坚持下去。

图片描述

图片描述

这篇关于【学习打卡】第2天 ES(6-11)全版本语法-Ajax原理与Callback Hell的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!