資訊專欄INFORMATION COLUMN
摘要：結(jié)合函數(shù)來使用請(qǐng)求對(duì)于使用可以方便很多，這就是下面要使用的的代碼，先熟悉了解下使用獲取里的屬性多帶帶創(chuàng)建一個(gè)文件，獲取地址姓名年齡最終代碼姓名年齡這是我的文件里的代碼最后結(jié)果姓名年齡姓名年齡姓名年齡姓名年齡姓名年齡姓名年齡
fetch結(jié)合(async函數(shù)來使用)
function ajax(url){
let xmlHttp=new XMLHttpRequest();
xmlHttp.open("get",url,true);
xmlHttp.onreadystatechange=function(){
if(xmlHttp.readyState==4&&xmlHttp.status==200){
let data= JSON.parse(xmlHttp.responseText);
console.log(data);
}
}
xmlHttp.send(null);
}
ajax(url);
let uldom=document.getElementById("students");
let url="http://192.168.0.46:8000/student.json";
對(duì)于使用fetch可以方便很多，這就是下面要使用的fetch的代碼，先熟悉了解下：
/*fetch(url).then(respone=>{
//return respone.text();
return respone.json();
}).then(data=>{
console.log(data);
})*/
使用fetch
//獲取css里ul的id屬性
let uldom=document.getElementById("students");
//多帶帶創(chuàng)建一個(gè)json文件，獲取地址
let url="http://192.168.0.46:8000/student.json";
function main(){
fetch(url).then(respone=>{
//return respone.text();
return respone.json();
}).then(students=>{
let html=``;
for(let i=0,l=students.length;i姓名${name},年齡${age}
`
}
uldom.innerHTML=html;
});
}
main();
最終代碼
let uldom=document.getElementById("students");
let url="http://192.168.0.46:8000/student.json";
async function main(){
let respone = await fetch(url);
let students = await respone.json();
let html=``;
for(let i=0,l=students.length;i姓名${name},年齡${age}
`
}
uldom.innerHTML=html;
}
main();
這是我的json文件里的代碼：
[
{"name":"ss","age":"3"},
{"name":"aa","age":"1"},
{"name":"qq","age":"4"},
{"name":"zz","age":"3"},
{"name":"xx","age":"5"},
{"name":"cc","age":"7"}
]
最后結(jié)果：
姓名ss,年齡3 姓名aa,年齡1 姓名qq,年齡4 姓名zz,年齡3 姓名xx,年齡5 姓名cc,年齡7
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/84173.html
摘要：是最重要特性之一，它是目前為止最佳的異步解決方案了。雖然沒有在中錄入，但很快就到來，目前已經(jīng)在階段。表示暫停，表示執(zhí)行下一步，如果你不了解也沒關(guān)系，可以忽略它直接學(xué)習(xí)。 await/async 是 ES7 最重要特性之一，它是目前為止 JS 最佳的異步解決方案了。雖然沒有在 ES2016 中錄入，但很快就到來，目前已經(jīng)在 ES-Next Stage 4 階段。 直接上例子，比如我們需要...
摘要：這篇文章的題目有點(diǎn)大，但這并不是說我自覺對(duì)爬蟲這塊有多大見解，我只不過是想將自己的一些經(jīng)驗(yàn)付諸于筆，對(duì)于如何寫一個(gè)爬蟲框架，我想一步一步地結(jié)合具體代碼來講述如何從零開始編寫一個(gè)自己的爬蟲框架年到如今，我花精力比較多的一個(gè)開源項(xiàng)目算是了，這是 showImg(https://segmentfault.com/img/remote/1460000018513379); 這篇文章的題目有點(diǎn)大...
摘要：舉例來說一個(gè)異步的請(qǐng)求場景，可以如下實(shí)現(xiàn)任何異步的邏輯都可以，如等等也可以使用的和。實(shí)際上在中，一個(gè)就是一個(gè)函數(shù)。 書籍完整目錄 3.4 redux 異步 showImg(https://segmentfault.com/img/bVyou8); 在大多數(shù)的前端業(yè)務(wù)場景中，需要和后端產(chǎn)生異步交互，在本節(jié)中，將詳細(xì)講解 redux 中的異步方案以及一些異步第三方組件，內(nèi)容有： redu...
摘要：譯者說于年月日發(fā)布，該版本正式支持的關(guān)鍵字，并且用舊版本編譯同樣可以使用這兩個(gè)關(guān)鍵字，這無疑是一種進(jìn)步。其次，這是最后一個(gè)支持和的版本了，在后續(xù)的版本了會(huì)移除對(duì)它們的兼容。 譯者說 Tornado 4.3于2015年11月6日發(fā)布，該版本正式支持Python3.5的async/await關(guān)鍵字，并且用舊版本CPython編譯Tornado同樣可以使用這兩個(gè)關(guān)鍵字，這無疑是一種進(jìn)步。其次...
閱讀 1977·2021-09-23 11:21
閱讀 1750·2019-08-29 17:27
閱讀 1113·2019-08-29 17:03
閱讀 786·2019-08-29 15:07
閱讀 2002·2019-08-29 11:13
閱讀 2435·2019-08-26 12:14
閱讀 1004·2019-08-26 11:52
閱讀 1780·2019-08-23 17:09
