上一周開發(fā)完登錄之后畔咧,緊接著需要開發(fā)的就是剩下的數(shù)據(jù)交互了,所謂數(shù)據(jù)交互父虑,就是指前端將用戶發(fā)送的數(shù)據(jù)與后端進(jìn)行交互,根據(jù)前端的輸入和操作,后端進(jìn)行相應(yīng)的回復(fù)舆逃,將需求的數(shù)據(jù)返回給前端,該過程可以歸納為下面這樣的流程圖
由于我們只負(fù)責(zé)前端戳粒,所以按照流程圖路狮,我們只需要制作[接受用戶發(fā)送的數(shù)據(jù)和操作]以及[將后端返回的數(shù)據(jù)顯示給用戶]這兩個部分,相關(guān)代碼如下
首先寫出一個通用方法蔚约,里面封裝好我們調(diào)用后端時需要的地址以及數(shù)據(jù)包奄妨,這樣之后在寫其他方法時直接傳入接口和數(shù)據(jù)來調(diào)用這個方法,能減少代碼冗余苹祟,加快開發(fā)速度砸抛,減少錯誤出現(xiàn)
然后在對應(yīng)頁面的js部分里寫調(diào)用通用方法的方法,將需要使用的接口和用戶發(fā)送的數(shù)據(jù)傳入树枫,隨后將后端返還的數(shù)據(jù)解析并賦值給對應(yīng)變量供前端頁面顯示
最后是在前端頁面中調(diào)用相關(guān)方法將數(shù)據(jù)顯示給用戶