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

fetch 的用法

1. fetch：
   例如要向https://jsonplaceholder.typicode.com/todos/20 發(fā)送請求，請求結果返回瀏覽器中

   function getData(ele) {
        fetch('https://jsonplaceholder.typicode.com/todos/20')
          .then(function (response) {
            return response.json()
          })
          .then(function(json) {
            console.log(json)
            //將返回的數(shù)據(jù)顯示在li上
            ele.insertAdjacentHTML('afterend', `<li>${json.title}</li>`)
          })  
      }

   簡化代碼改成同步風格：

   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))

async, await 的用法

async function getData(ele) {
        const url = 'https://jsonplaceholder.typicode.com/todos/15'
        try {
         //await 必須用在 async 聲明的函數(shù)內部
          const response = await fetch(url)
          const result = await response.json()
          console.log(result)
          // 把title的值渲染到到頁面
          ele.insertAdjacentHTML('afterend', `<li>${result.title}</li>`)
        } catch {
          console.error('請求失敗')
        }
      }

批改老師：PHPz

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

老師批語：