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
- vue遍歷map物件Vue物件
- java Map Set遍歷Java
- Java中Map的遍歷方法Java
- 集合框架-Map集合的遍歷框架
- 如何遍歷Map中的物件物件
- Java遍歷Map集合的方法Java
- jQuery遍歷函式,javascript中的each遍歷jQuery函式JavaScript
- jQuery 遍歷方法jQuery
- jQuery 遍歷 – 祖先jQuery
- 26_map遍歷.goGo
- java Map遍歷最優Java
- 資料遍歷
- jQuery的遍歷結構設計之遍歷同胞jQuery
- jQuery的遍歷結構設計之遍歷祖先jQuery
- jquery遍歷節點jQuery
- Jquery之遍歷元素jQuery
- jQuery 遍歷 – 過濾jQuery
- jQuery 遍歷 – 後代jQuery
- jQuery遍歷-slice()方法jQuery
- map遍歷知識總結
- jQuery DOM節點的遍歷jQuery
- 關於Map集合的遍歷總結
- Java遍歷Map物件的四種方式Java物件
- java中遍歷map的集中方法Java
- List,Map在遍歷的時候removeREM
- java中遍歷Map的4種方法Java
- indexedDB 遍歷資料Index
- jQuery遍歷json格式資料完整程式碼例項jQueryJSON
- jQuery 元素操作——遍歷元素jQuery
- 【Java中遍歷Map物件的4種方法】Java物件
- java 遍歷map 方法 集合 五種的方法Java
- jquery遍歷子元素的寫法jQuery
- jquery使用each()方法遍歷json資料程式碼例項jQueryJSON
- Matlab對資料夾的層次遍歷和深度遍歷Matlab
- js技巧用Map集合代替Array遍歷JS