如何使用vuefetch中的.then()

這篇文章主要講解了如何使用vue fetch中的.then()，內容清晰明了，對此有興趣的小伙伴可以學習一下，相信大家閱讀完之后會有幫助。

網站建設哪家好，找創新互聯公司！專注于網頁設計、網站建設、微信開發、微信小程序定制開發、集團企業網站建設等服務項目。為回饋新老客戶創新互聯還提供了鐵東免費建站歡迎大家使用！

先看一段代碼：

fetch('http://localhost:3000/books&#63;id=123456',{
  method:'get'
})
.then(function(value1){
  console.log(value1);
  return 'hello';
})
.then(function(value2){
  console.log(value2);
  return 'HelloWorld';
})
/*
.then(function(data){
   console.log(data);
   return data.text();
 })
*/
.then(data=>{
  console.log(data);
})

// 接口
app.get('/books', (req, res) => {
 res.send('傳統的URL傳遞參數!' + req.query.id)
})

如何使用vue fetch中的.then()

在這段代碼中我們發現，最初傳入的是一個對象，緊接著后一個.then()的傳入參數使用了前一個.then()的返回值，換句話說，就是后一個then使用前一個then的封裝結果

那么現在去掉注釋：

如何使用vue fetch中的.then()

.then(function(value2){
  console.log(value2);
  return 'HelloWorld';
})
.then(function(data){
   console.log(data);
   return data.text();
 })

text()方法屬于fetch API的一部分，返回一個Promise實例對象，用于獲取后臺返回的數據

這段代碼中，傳入的data是上一步封裝的字符串，所以此時用data.text()報錯，除非data為對象

下面演示正確使用方式：

fetch('http://localhost:3000/books&#63;id=123456',{
   method:'get'
})
.then(function(data){
   console.log(data);
   console.log(typeof(data));
   return data.text();
})
.then(data=>{
   console.log(data);
   console.log(typeof(data));
})

如何使用vue fetch中的.then()

輸出了接口詢問的內容，為String類型

看完上述內容，是不是對如何使用vue fetch中的.then()有進一步的了解，如果還想學習更多內容，歡迎關注創新互聯行業資訊頻道。

標題名稱：如何使用vuefetch中的.then()
當前路徑：http://m.newbst.com/article22/jesjjc.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、微信公眾號、企業網站制作、自適應網站、網站設計公司、外貿建站

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

免费观看又色又爽又黄的小说免费_美女福利视频国产片_亚洲欧美精品_美国一级大黄大色毛片

如何使用vuefetch中的.then()