摘要:學習小問題和小理解解決異步處理的問題實際應用中有很多問題消耗時間,比如傳輸,數據庫處理,文件的讀寫消耗時間等,通過回調,當成功返回時執行,可以減少頁面更新時間。
最近學習了一下用Easy Mock模擬數據,然后通過ajax請求數據返回顯示到頁面上,完成一個請求數據和顯示的過程,下面通過一個獲取用戶信息例子來說明一下:
1. 使用Easy Mock模擬數據在Easy Mock上新建一個項目,項目基礎url為ajaxData,打開項目,創建接口
將獲取方式為get,接口的url設為getUserInfo
添加用戶信息數據:用戶頭像 avator,姓名 nickname,性別 sex
2. 請求獲取數據,更新頁面ajax主動向后端請求,使用jQuery中的getJSON()函數,從服務器加載json編碼的數據,更新dom
3. 學習函數式編程的一些想法數據通信和渲染頁面是兩件事,我們要將它們放開來做,將之前更新dom的代碼封裝成一個renderUserInfo()函數,只需要傳一個參數data就可以實現渲染頁面
如何實現數據通信?
通過異步回調函數,先請求這個鏈接,請求傳輸數據需要時間,此時會先執行下面的getUserInfo(renderUserInfo)渲染頁面,當獲取數據成功是返回執行callback(data),完成更新頁面。
學習小問題和小理解:
js解決異步處理的問題實際應用?
js中有很多問題消耗時間,比如傳輸ajax,數據庫處理,文件的讀寫消耗時間等,通過callback回調,當成功返回時執行,可以減少頁面更新時間。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/89815.html
摘要:前端開發如何做好本地接口模擬之前有寫過一篇本地化接口模擬前后端并行開發,講到過本地接口模擬,但不太細致。有哪些途徑本地接口模擬一般分為工具層面和代碼層面。因為本地接口模擬功能主要是針對的返回值為格式的異步請求,所以這種方式主要用文件。 前端開發如何做好本地接口模擬 之前有寫過一篇 本地化接口模擬、前后端并行開發,講到過本地接口模擬,但不太細致。這次細細的說說本地接口模擬。 1. 有什么...
摘要:正經寫文章平時開發里,先請求一個,然后后面的請求都要帶上這個來進行認證或者授權,是一個常見的需求那要怎么搞呢還是一個先后,控制異步流程的的問題,就是先拿到再進行后面的請求就好了。 正經寫文章 平時開發里,先請求一個 token ,然后后面的請求都要帶上這個 token 來進行認證或者授權,是一個常見的需求 那要怎么搞呢?還是一個先后,控制異步流程的的問題,就是先拿到 token 再進行...
摘要:以前開發的時候需要數據調試要么當前文件代碼寫死要么新建文件來獲取偶然知道了這個神奇的網站可能有點后知后覺偽造起數據別提多爽了初次見面打開官網界面甚至簡單我喜歡的自我介紹開啟探索之旅看過介紹下面就開始登錄使用了強勢登錄如果之前沒有賬號會直接注 以前開發的時候需要數據調試要么當前文件代碼寫死, 要么新建 JSON 文件來獲取. 偶然知道了 Easy Mock 這個神奇的網站(可能有點后知后...
閱讀 2567·2023-04-25 18:13
閱讀 787·2021-11-22 12:10
閱讀 2980·2021-11-22 11:57
閱讀 2145·2021-11-19 11:26
閱讀 2180·2021-09-22 15:40
閱讀 1469·2021-09-03 10:28
閱讀 2709·2019-08-30 15:53
閱讀 1955·2019-08-30 15:44