jquery遍歷得到的 Map 資料,
關於action將map通過json傳回ajax遍歷的問題,以及jquery遍歷注意編碼方式
ajax遍歷map
在開發中,經常會遇到在頁面生成之後要根據介面操作動態更改頁面資料的問題,這種時候一般使用ajax。當資料比較豐富,我們從後臺用map將資料封裝傳回ajax時,使用js、jquery遍歷。
使用$.each(collection,function(key,value))
我這裡使用 ajax
請求成功,得到的是一個Map<String, Map<String,Course>> 型別的Map,在success中可以使用jquery進行遍歷如下.
success:function(data){
var sch = data.schedule;
$.each(sch,function(key,values){//每一行
var tr = "<tr>";
tr = tr+"<td>"+key+"</td>";//節次
$.each(values,function(key,value){
tr = tr + "<td>"+value.cName+"</td>";
});
tr = tr + "</tr>";
$("table").append(tr);
})
},
注意
如果你的map中有中文字元資料的話,最好在Action的請求方法,使用response寫響應資料時,設定response的編碼方式
HttpServletResponse response = ServletActionContext.getResponse();
response.setContentType("text/html;charset=UTF-8");
也可以在前端用 JSON.parse()
方法解析 json 字串:
相關文章
- js的map遍歷和array遍歷JS
- jQuery 遍歷jQuery
- React中兩種遍歷資料的方法(map、forEach)React
- jQuery 遍歷 – 祖先jQuery
- jQuery 遍歷方法jQuery
- Map迴圈遍歷
- vue遍歷map物件Vue物件
- MVC遍歷map集合MVC
- map的四種遍歷方式
- Java遍歷Map集合的方法Java
- Map集合&&Map集合的不同遍歷【keySet()&&entrySet()】
- jQuery的遍歷結構設計之遍歷同胞jQuery
- jQuery的遍歷結構設計之遍歷祖先jQuery
- Jquery之遍歷元素jQuery
- jQuery 遍歷 – 後代jQuery
- jQuery 遍歷 – 同胞(siblings)jQuery
- jQuery 遍歷 – 過濾jQuery
- jquery遍歷節點jQuery
- 26_map遍歷.goGo
- Map集合的四種遍歷方式
- 資料遍歷
- jQuery 元素操作——遍歷元素jQuery
- map遍歷知識總結
- 關於Map集合的遍歷總結
- Java遍歷Map物件的四種方式Java物件
- java中遍歷map的集中方法Java
- indexedDB 遍歷資料Index
- 遍歷方法 js jquery 我 常用JSjQuery
- 【Java中遍歷Map物件的4種方法】Java物件
- js技巧用Map集合代替Array遍歷JS
- 遍歷陣列的常用方法forEach,filter,map等陣列Filter
- Java中如何遍歷Map物件的4種方法Java物件
- 遍歷資料夾的幾種方式
- js資料處理——遍歷JS
- 遠端, 資料夾遍歷
- 【筆記】jQuery原始碼(節點遍歷)筆記jQuery原始碼
- PAT 1043 Is It a Binary Search Tree (25分) 由前序遍歷得到二叉搜尋樹的後序遍歷
- HashMap原始碼:聊聊Map的遍歷效能問題(一)HashMap原始碼