运用Promise使用ajax按顺序获取服务器上同一目录下的三个txt文件的内容

<script>
        //定义函数 运用Promise使用ajax按顺序获取服务器上同一目录下的三个txt文件的内容,并且将它们显示在console log中
        function getPromise(url){
            var p = new Promise(function(resolve,reject){
            var conn = new XMLHttpRequest()
            conn.open("get",url,true)
            conn.onload = function(){
                if(this.status>=200 && conn.status<300){
                    resolve(this.responseText)
                }else{
                    reject(this.responseText)
                }
            }
            conn.send()
        })
        return p
     }
    //用then方法逐个获取txt信息,每一个then 的返回值设置成下一个用来调txt文件内容的新的Promise实例,因此可以连续调用then
     getPromise("./text1.txt").then(function(data){
        console.log(data)
        return getPromise("./text2.txt")
     }).then(function(data){
        console.log(data)
        return getPromise("./text3.txt")
     }).then(function(data){
            console.log(data)})

    </script>

猜你喜欢

转载自www.cnblogs.com/wangbingblog/p/11572661.html
今日推荐