码迷,mamicode.com
首页 > Web开发 > 详细

ajax原理

时间:2021-01-19 12:15:58      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:OLE   ica   get   lse   nali   request对象   music   sof   call   

//Ajax原理

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

  //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)
    }
  }
}

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

ajax原理

标签:OLE   ica   get   lse   nali   request对象   music   sof   call   

原文地址:https://www.cnblogs.com/hekeying/p/14295194.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!