
批改狀態(tài):合格
老師批語:
function getData(ele){
const url = 'https://jsonplaceholder.typicode.com/todos/20'
fetch(url).then(res => res.json()).then(json => ele.insertAdjacentHTML('afterend', `<li>${json.title}</li>`)).catch(err => console.log(err))
可以獲得并顯示請求結(jié)果:
ullam nobis libero sapiente ad optio sint
async function getData(ele){
const url = 'https://jsonplaceholder.typicode.com/todos/'
try{
const response = await fetch(url)
const result = await response.json()
for(let i=0; i<10; i++){ele.insertAdjacentHTML('afterend', `<li>${result[i].title}</li>`)
}
} catch {
console.error('請求失敗');
}
}
添加for循環(huán),請求并顯示10條記錄:
illo est ratione doloremque quia maiores aut
molestiae perspiciatis ipsa
quo adipisci enim quam ut ab
illo expedita consequatur quia in
qui ullam ratione quibusdam voluptatem quia omnis
laboriosam mollitia et enim quasi adipisci quia provident illum
et porro tempora
fugiat veniam minus
quis ut nam facilis et officia qui
delectus aut autem
跨域的概念有點(diǎn)陌生,按視頻練了一遍,踩了好多坑;異步請求用的比較多,通過添加循環(huán)可以獲得多條記錄,對Ajax已經(jīng)淘汰了的說法有點(diǎn)吃驚!感覺挺常見的。
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號