首页 > Web开发 > 详细

手写ajax

时间:2021-04-10 22:33:03      阅读:35      评论:0      收藏:0      [点我收藏+]

技术分享图片

// const xhr = new XMLHttpRequest()
    // //true支持异步
    // xhr.open(‘get‘, ‘/work1/javascript/ajax/ziyuan.json‘, true)
    // xhr.onreadystatechange = function() {
    //   if(xhr.readyState === 4) {
    //     if(xhr.status === 200) {
    //       console.log(JSON.parse(xhr.responseText))
    //     }
    //   }
    // }
    // xhr.send(null)
    function ajax(url) {
      const p =  new Promise( (resolve, reject) => {
        const xhr = new XMLHttpRequest() 
        xhr.open(‘get‘, url, true)
        xhr.onreadystatechange = function() {
          if(xhr.readyState === 4) {
            if(xhr.status === 200) {
              resolve(xhr.responseText)
            }else if(xhr.status === 404) {
              reject(‘404 server ‘)
            }
          }
        }
        xhr.send(null)
      })
      return p
    }
    ajax(‘/work1/javascript/ajax/ziyuan.json‘).then( data => {
      console.log(data)
    }).catch( err => {
      cosole.log(err)
    })

手写ajax

原文:https://www.cnblogs.com/wang--chao/p/14642056.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!