亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 38
粉絲 0
評論 0
訪問量 30905
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板
fetch,async,await 的用法
一個好人
原創(chuàng)
1258人瀏覽過

fetch請求:

  1. function getData(ele){
  2. const url = 'https://jsonplaceholder.typicode.com/todos/20'
  3. fetch(url).then(res => res.json()).then(json => ele.insertAdjacentHTML('afterend', `<li>${json.title}</li>`)).catch(err => console.log(err))

可以獲得并顯示請求結(jié)果:

  1. ullam nobis libero sapiente ad optio sint

async-await請求:

  1. async function getData(ele){
  2. const url = 'https://jsonplaceholder.typicode.com/todos/'
  3. try{
  4. const response = await fetch(url)
  5. const result = await response.json()
  6. for(let i=0; i<10; i++){ele.insertAdjacentHTML('afterend', `<li>${result[i].title}</li>`)
  7. }
  8. } catch {
  9. console.error('請求失敗');
  10. }
  11. }

添加for循環(huán),請求并顯示10條記錄:

  1. illo est ratione doloremque quia maiores aut
  2. molestiae perspiciatis ipsa
  3. quo adipisci enim quam ut ab
  4. illo expedita consequatur quia in
  5. qui ullam ratione quibusdam voluptatem quia omnis
  6. laboriosam mollitia et enim quasi adipisci quia provident illum
  7. et porro tempora
  8. fugiat veniam minus
  9. quis ut nam facilis et officia qui
  10. delectus aut autem

總結(jié):

跨域的概念有點(diǎn)陌生,按視頻練了一遍,踩了好多坑;異步請求用的比較多,通過添加循環(huán)可以獲得多條記錄,對Ajax已經(jīng)淘汰了的說法有點(diǎn)吃驚!感覺挺常見的。

批改老師:PHPzPHPz

批改狀態(tài):合格

老師批語:
本博文版權(quán)歸博主所有,轉(zhuǎn)載請注明地址!如有侵權(quán)、違法,請聯(lián)系admin@php.cn舉報處理!
全部評論 文明上網(wǎng)理性發(fā)言,請遵守新聞評論服務(wù)協(xié)議
0條評論
作者最新博文
關(guān)于我們 免責(zé)申明 意見反饋 講師合作 廣告合作 最新更新
php中文網(wǎng):公益在線php培訓(xùn),幫助PHP學(xué)習(xí)者快速成長!
關(guān)注服務(wù)號 技術(shù)交流群
PHP中文網(wǎng)訂閱號
每天精選資源文章推送
PHP中文網(wǎng)APP
隨時隨地碎片化學(xué)習(xí)
PHP中文網(wǎng)抖音號
發(fā)現(xiàn)有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

  • 登錄PHP中文網(wǎng),和優(yōu)秀的人一起學(xué)習(xí)!
    全站2000+教程免費(fèi)學(xué)