資訊專欄INFORMATION COLUMN
摘要：學習小問題和小理解解決異步處理的問題實際應(yīng)用中有很多問題消耗時間，比如傳輸，數(shù)據(jù)庫處理，文件的讀寫消耗時間等，通過回調(diào)，當成功返回時執(zhí)行，可以減少頁面更新時間。
最近學習了一下用Easy Mock模擬數(shù)據(jù)，然后通過ajax請求數(shù)據(jù)返回顯示到頁面上，完成一個請求數(shù)據(jù)和顯示的過程，下面通過一個獲取用戶信息例子來說明一下：
1. 使用Easy Mock模擬數(shù)據(jù)在Easy Mock上新建一個項目，項目基礎(chǔ)url為ajaxData，打開項目，創(chuàng)建接口
將獲取方式為get，接口的url設(shè)為getUserInfo
添加用戶信息數(shù)據(jù)：用戶頭像 avator，姓名 nickname，性別 sex
2. 請求獲取數(shù)據(jù)，更新頁面ajax主動向后端請求，使用jQuery中的getJSON()函數(shù)，從服務(wù)器加載json編碼的數(shù)據(jù)，更新dom
3. 學習函數(shù)式編程的一些想法數(shù)據(jù)通信和渲染頁面是兩件事，我們要將它們放開來做，將之前更新dom的代碼封裝成一個renderUserInfo()函數(shù)，只需要傳一個參數(shù)data就可以實現(xiàn)渲染頁面
如何實現(xiàn)數(shù)據(jù)通信？
通過異步回調(diào)函數(shù)，先請求這個鏈接，請求傳輸數(shù)據(jù)需要時間，此時會先執(zhí)行下面的getUserInfo(renderUserInfo)渲染頁面，當獲取數(shù)據(jù)成功是返回執(zhí)行callback(data)，完成更新頁面。
學習小問題和小理解：
js解決異步處理的問題實際應(yīng)用？
js中有很多問題消耗時間，比如傳輸ajax，數(shù)據(jù)庫處理，文件的讀寫消耗時間等，通過callback回調(diào)，當成功返回時執(zhí)行，可以減少頁面更新時間。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/89815.html
摘要：前端開發(fā)如何做好本地接口模擬之前有寫過一篇本地化接口模擬前后端并行開發(fā)，講到過本地接口模擬，但不太細致。有哪些途徑本地接口模擬一般分為工具層面和代碼層面。因為本地接口模擬功能主要是針對的返回值為格式的異步請求，所以這種方式主要用文件。 前端開發(fā)如何做好本地接口模擬 之前有寫過一篇 本地化接口模擬、前后端并行開發(fā)，講到過本地接口模擬，但不太細致。這次細細的說說本地接口模擬。 1. 有什么...
摘要：正經(jīng)寫文章平時開發(fā)里，先請求一個，然后后面的請求都要帶上這個來進行認證或者授權(quán)，是一個常見的需求那要怎么搞呢還是一個先后，控制異步流程的的問題，就是先拿到再進行后面的請求就好了。 正經(jīng)寫文章 平時開發(fā)里，先請求一個 token ，然后后面的請求都要帶上這個 token 來進行認證或者授權(quán)，是一個常見的需求 那要怎么搞呢？還是一個先后，控制異步流程的的問題，就是先拿到 token 再進行...
摘要：以前開發(fā)的時候需要數(shù)據(jù)調(diào)試要么當前文件代碼寫死要么新建文件來獲取偶然知道了這個神奇的網(wǎng)站可能有點后知后覺偽造起數(shù)據(jù)別提多爽了初次見面打開官網(wǎng)界面甚至簡單我喜歡的自我介紹開啟探索之旅看過介紹下面就開始登錄使用了強勢登錄如果之前沒有賬號會直接注 以前開發(fā)的時候需要數(shù)據(jù)調(diào)試要么當前文件代碼寫死, 要么新建 JSON 文件來獲取. 偶然知道了 Easy Mock 這個神奇的網(wǎng)站(可能有點后知后...
摘要：引言前端開發(fā)經(jīng)常需要等待后端的接口，嚴重影響了開發(fā)效率，我們一般采用方式來避免這個問題?？赡軙婕暗介T技術(shù)，分別是服務(wù)端技術(shù)隨機生成特定格式數(shù)據(jù)的技術(shù)請求轉(zhuǎn)發(fā)請求攔截。 引言 前端開發(fā)經(jīng)常需要等待后端的接口，嚴重影響了開發(fā)效率，我們一般采用mock方式來避免這個問題。本人參考了大量文章，結(jié)合自己的經(jīng)驗，給出自己在mock上的一些理解。 1. 原理 何為mock,我認為mock主要就是通...
閱讀 2637·2023-04-25 18:13
閱讀 869·2021-11-22 12:10
閱讀 3050·2021-11-22 11:57
閱讀 2203·2021-11-19 11:26
閱讀 2234·2021-09-22 15:40
閱讀 1523·2021-09-03 10:28
閱讀 2758·2019-08-30 15:53
閱讀 2012·2019-08-30 15:44
