js前后端交互


1.前后端交互模式

 

2.promise用法

(1)異步調用

(2)ajax回顧

 

 

 

 

(3).promise

  優點:可以解決回調地獄(多層異步調用嵌套問題)(解決代碼可讀性低的問題)

     提供簡潔的api

(4)promise基本類型:是Function

 

 

 

 

 

(5)promise基本用法

3。基於promise處理ajax請求

(1)promise發送多次ajax請求

 

 

 

 

4。then參數中的函數返回值

 

 

 

 

5.promise常用的api

  (1)實例方法

 

 

 

 

 

 

 

 

  (2)對象方法

 

 

 

 

 6.接口調用-fetch用法

 

 

 

 

 

 

 

7。fetch請求參數

(1)get請求方式

 

 

 

 

 

 (2)delect請求方式

 

 

 

 

 

(3)post請求方式的參數傳遞

 

 

 

(4)。put請求方式的參數傳遞(和post用法一致)

 

 

 

8。fetch響應結果

 

 9。接口調用-axios用法

(1)axios的基本特性

 

 

 (2) axios的基本用法

 

 

 

 

 

(3) axios的常用api(get和delete請求方式差不多)

 

 

 

 

 

 

 

(4)axios的參數post傳遞(post和put相似)

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 10.axios的響應結果

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 11.axios攔截器

 (1)請求攔截器

 

 

 

 

 12.接口調用-async/await的用法

(1)基本用法

 

 

 

 (2)async/await處理多個異步請求

 

 

 

 

 13.基於接口的案例

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM