首先定義一個json數(shù)據(jù)
{
"status": "200",
"msg": "成功",
"data": {
"userList": [{
"id":"1",
"name": "張三"
},
{
"id":"2",
"name": "李四"
}]
}
}
然后用promise封裝ajax實現(xiàn)axios的get方法
var axios = {
get: function(url) {
return new Promise((resolve,reject) => {
var xhr = new XMLHttpRequest()
xhr.onreadystatechange = function() {
if (xhr.readyState !== 4) {
return
}
if (xhr.status = 1) {
resolve(xhr.responseText)
}else{
console.log('請求失敗炊林！')
}
}
xhr.open('GET', url, true)
xhr.send()
})
}
}
let text1 = axios.get('test-data.json')//傳入url
text1.then(res=>{
let text2 = JSON.parse(res)//把獲得的json字符串轉(zhuǎn)換成對象
console.log(text2.data.userList[0].name) //張三
})
