web開發網路請求到資料的整合辦法

2022-06-01 08:39:06 字數 1006 閱讀 5816

開發中向伺服器請求到的資料是特別複雜的,需要從中抽離出需要展示的資料進行展示個和互動。

先將請求到的複雜資料傳遞到乙個類a中,從類a裡抽離出需要的資料。需要展示資料的地方,面向類a開發,類a關心資料抽離問題,不關心如何展示,只管提供所需要的資料。

頁面關心展示資料問題,不關心資料問題,只管和類a要資料。

目錄結構:

src  > network > request.js 

> detail.js

> detail.vue

detail.vue向detail.js要需要展示的資料,detail.js請求資料,並從複雜資料中抽離出detail.vue所需要的資料。

**:

//

展示資料

detail.vue

import axios from "axios"

//推薦寫法,因為axios返回的就是promise物件,沒必要在封裝一次promise

//如果換axios框架,只需本頁去掉axios相關,匯入最新框架,return new promise()就可以,其他檔案依舊正常使用

export function

request(config) );

響應攔截

instance.interceptors.response.use(res =>,err =>)

//傳送網路請求

return

instance(config)

}

request.js

import  from './request'export 

function

getdetail(iid)

})} export class goods

}export class shop

}export class goodsparam

}export

function

getrecommend())

}

detail.js

swift開發網路篇 post 請求

所有網路請求 統一使用非同步請求 在今後的開發中 如果使用簡單的 get head請求,可以用nsurlconnction 非同步方法 get查 post 增 put 改 delete 刪 head get 1 url 2 nsurlrequest 3 nsurlconnction 非同步 從fir...

ios開發 網路請求常見問題

1.網路請求中,非空資料判斷.防止訪問時,資料為空導致程式崩潰 bool isemptystring nsstring string if string length 0 else if string stringbytrimmingcharactersinset nscharacterset wh...

iOS開發網路篇 GET請求和POST請求

一 get請求和post請求簡單說明 建立get請求 1 1.設定請求路徑 2 nsstring urlstr nsstring stringwithformat self.username.text,self.pwd.text 3 nsurl url nsurl urlwithstring url...