北京乐逍遥网站设计有限公司|乐逍遥网站设计|乐逍遥网站建设|乐逍遥建站|php知识|前端技术|后端技术|网站源码|移动开发|网站运营|UI设计|数据库|网站设计|网站开发|小程序|乐逍遥每日一句|乐逍遥福利图片
主页 > 前端开发 > JavaScript >

javascript——ajax

时间:2021-09-18  编辑:

创建一个请求需要三个步骤:

1.创建一个XMLHttpRequest对象的引用

2.调用open()方法

3.调用send()方法

1
function getContent(url, callback){
2
  var request = new XMLHttpRequest()
3
  request.send("GET", url);
4
  request.onreadystatechange = function () {
5
   if(readystate === 4 && request.status === 200) {
6
      callback(request.responseText)
7
    }
8
  }
9
  request.send(null)
10
}

这是一个最简单的ajax请求。中间的onreadystatechange是事件处理程序。即监听请求的进度,完成响应后,怎么处理返回的内容,callback回调函数就是处理返回内容的函数。

 

JSON数据格式:

1
var text = {
2
"sites" : [
3
  { "name":"Runoob" , "url":"www.runoob.com" },
4
  { "name":"Google" , "url":"www.google.com" },
5
  { "name":"Taobao" , "url":"www.taobao.com" }
6
  ]
7
};

因为json数据格式是键值对的形式,键/ 值都为字符串,而我们需要把它装换为对象的形式才能正常使用,

javascript——ajax

通过JSON.parse()转换之后就是这样的形式,这时我们就可以将他们当做正常的对象进行访问。

1
function callback(res){
2
  console.log(res.data.slider[0].linkUrl)
3
}

此时就会将第一条linkUrl打印出来。

返回
顶部