
时间: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数据格式是键值对的形式,键/ 值都为字符串,而我们需要把它装换为对象的形式才能正常使用,

通过JSON.parse()转换之后就是这样的形式,这时我们就可以将他们当做正常的对象进行访问。
| 1 | function callback(res){ | 
| 2 | console.log(res.data.slider[0].linkUrl) | 
| 3 | } | 
此时就会将第一条linkUrl打印出来。