前端如何接收後端傳遞過來的集合,並成功顯示???

2021-10-16 22:40:41 字數 1180 閱讀 4983

1.為什麼後端會傳遞過來乙個集合?

當前端需要同時接收兩個物件的時候,那麼什麼時候是這中情況呢,

栗子:當前端需要接收使用者資訊以及分頁物件(包括頁碼和頁面最大資料量),這個時候,很明顯是兩個物件,那麼怎麼同時傳遞過去呢?

有人會說,controller層modelmap,map等都可以啊,關鍵是需要ajax去接收,那麼ajax接收的json資料是乙個大塊資料,接收到之後再進行拆分,這時ajax希望得到的,而不是多個物件分開的,你可以理解為把多個物件進行打包,然後統一給前端,這種情況前端如何接收?以及前端如何顯示?

2.解決上述兩個問題

第一,如何接收,很明顯是使用ajax非同步請求,區域性重新整理的特點,那麼這時候難題就交給後端了,用什麼容器來封裝這些物件,我第一次沒有想到集合,想到的是物件,想著把多個物件當成另乙個物件的屬性,這樣不就行了嗎,但是,這個問題我沒有認真去想,很明顯,我沒有通過這種方式實現,而是通過list集合的方式實現,那麼怎麼想到的,這時秘密!!!集合去裝物件,這個難度應該不大,很容易就能實現,但是建立什麼樣的集合,也就是說集合中的元素是什麼型別呢???或許這才是需要真正思考的問題,我的理解是物件,也不是頭一次就想到的,而是通過之前向前端傳遞資料,中間需要傳遞的資料就是object,所以想著這個是不是也可以,最終是實現了

第二,前端如何顯示,這就是獲取接收到的值的值了,並不是獲取接收到的值,接收到的資料很明顯是你在後端封裝的集合,拿到集合中的元素,很明顯用for迴圈就可以實現,但是for迴圈結果是乙個個的物件,那麼這些物件是什麼呢,這就得往前面說了,前面,在後端建立乙個什麼樣的集合中,存放的資料是物件,這個物件得有乙個名字,這個名字比如是a,遍歷出每個集合中的元素為b,則b.a就是你需要的資料,這樣就可以使用了

附加**:

登天難求人更難,黃連苦無錢更苦

RequestParam接收前台傳遞過來的陣列

有時候我們會遇到前端傳遞過來的資料是 123 fawef faweion 這種格式的資料如果引數名稱是usernames 我們可以在後台用 requestparam usernames list username來接收引數 public r lowerusers requestparam rolec...

vue頁面接收後端傳遞過來日期進行擷取顯示

在前後端分離的開發中,有時遇到後端傳遞的日期資料不能直接顯示在前端頁面,需要進行處理 只擷取空格前內容 的情形,下面以兩種日期格式為例 1 月份規範情景 解決方案 可以直接使用substring 0,10 擷取後結果 2 月份不規範情景 解決方案 先根據indexof 方法獲得指定字串 在這裡是空格...

js前台取用後台傳遞過來的map集合方式

在處理有些特殊需求的時候,我們需要在前台頁面的js中獲取後台傳遞過來的map集合型別的引數,並且進行呼叫,如下 在後台我們拼裝出如下的集合 mapgrademap new hashmap map.put grademap.getid grademap jsonobject productmapstr...