javascript——ajax

2021-09-18 1591

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

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打印出来。

以上就是javascript——ajax的详细内容,更多请关注php知识-学习天地 www.lxywzjs.com其它相关文章!

分享至:

分享到QQ空间 分享到朋友社区 新浪微博分享

栏目地图