ajax原理

//Ajax原理

var url = “指定的接口地址” 
function ajax(url, callback) {
  //1.创建XMLHttpRequest对象
  var xmlHttp
  if (window.XMLHttpRequest) {
    xmlHttp = new XMLHttpRequest() // 通过说明支持IE7及以上版本 chrome等
    } else { // 为了兼容早期浏览器
    xmlHttp = new ActiveXObject('MicrosoftXMLHTTP') //  ['maikrəusɔft]
  }

  //2.发送请求
  xmlHttp.open('GET', url, true)
  xmlHttp.send()


  //3.接收服务端的响应
  xmlHttp.onreadystatechange = function () {
    if (xmlHttp.readyState === 4 && xmlHttp.status == 200) {  //  [ˈsteɪtəs]
      var obj = JSON.parse(xmlHttp.responseText)
      console.log(obj)
      callback(obj)
    }
  }
}

var url = "http://musicapi.xiecheng.live/personalized"
ajax(url, res => {
  console.log(res)
})

posted @ 2021-01-18 21:02  贺可英  阅读(47)  评论(0)    收藏  举报